hero image sizing question

I have a hero section on my homepage, the banner photo looks great on desktop BUT as soon as I switch to responsive mode the image becomes zoomed and off.

How do I fix this issue?

The photo size is 1920×1006.

I have change section height to 100vh for best desktop/moblie result but this still shows a major error on the moblie version.

How do I have a consistent banner/hero photo on both desktop and moblie screen sizes?

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Your Advertisement Here