Image too wide

Question

I was making a html file in with react's logo as background by setting a img tag with following css:
position:fixed;
width:100%;
height:100%;
but it was too wide. When I resized the browser it was fine. I managed to take a screenshot of it: https://www.dropbox.com/s/qp2s2lk2mtabj72/Screenshot_2021-01-16%20React%20App.png?dl=0
Is there a way to resize the image when the browser is resized to make the image stay same.

Answer 1

Just change the percentage of height and width or write both of it in terms of pixels

Answer 2

display: flex;
and/or
max-width: 100%;

https://stackoverflow.com/questions/21103622/auto-resize-image-in-css-flexbox-layout-and-keeping-aspect-ratio