'how to keep the same amount of a background image visible as screen sizes change?

Is it possible using only CSS to replicate how as screen sizes change but the same amount of image is seen? I have been able to scale the image but the amount of the image seen changes as screen sizes change. I am fairly new to learning CSS and appreciate any help.

I am trying to replicate this site. Just the initial section and first image.

https://ayesha.dropletthemes.com/home-beauty-salon/

cssimagebackgroundscreen


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions