Я пытался использовать css и js для выравнивания изображения по центру, но это не сработало. Изображение не выравнивается по центру, если я увеличиваю или уменьшаю ширину изображения. Пожалуйста, помогите мне с решением, которое может выровнять любые изображения SVG по центру независимо от их ширины.
<svg style="border:5px solid black" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1000 500"> <image visibility="visible" id="header_image" x="45%" y="6%" width="20%" href="https://resources.mynewsdesk.com/image/upload/t_open_graph_image/eyblf65bkcezbnfxfo3n.jpg"></image> </svg>