How to adjust image size according to screen resolution?

[alladin8889]

Is there anyone who can help to understand that how to manage image size according to screen resolutions?

Requirements :
-> Image should not cut from any side.
-> Image should Increase/Decrease in proportion.
-> Image height must be equal to screen size.
-> Need to avoid Vertical/Horizontal scroll into screen.

We can not use as a background because we need to work on responsive as well.

I have created Landing page HTML where on LHS there is company logo and social media icons & on RHS there is a Image of lady (PNG cutout). Rather put it into background have used as an image to achieve responsive design.

[devcake]

Hello,

You can make responsive image if you set next css rules on your img:

 .image {
  width: 100%;
  height: auto;
}

This will show the full image.

[Sherin]

Hello!
I hope solution is helpful for you.

.responsive {
  width: 100%;
  height: auto;
}

<img src="img.jpg" alt="image" class="responsive">