Intro section with dropdown navigation.

In order to make the hero image responsive, I had to include a media query by using picture and source in the HTML file.

However, I want all the media queries in the CSS. I tried CSS background images, but it was impossible because I had to set a specific height to the image.

Is there a way to achieve the same thing by only using CSS?

Thanks a lot!