When setting my image as the background, I noticed that once the screen size reaches a certain point, the image appears to be zoomed in. However, I want the proportions to remain consistent at all times. The photo below shows what I mean - I want the path in the image to always be visible and not cropped out. https://i.sstatic.net/Z0vjU.jpg
Here is the HTML code:
<section class="section-landing background-image"></section>
And here is the CSS code:
.background-image {
background-image: url(/images/main-background.jpg);
background-size: cover;
background-repeat: no-repeat;
height: 100vh;
}