Banner Image/video Resizing for for mobile veiw

Site URL: https://www.popsart.com.au/the-twelve

Hi,

I would love if there was some way my main image would resize for mobile veiw without an excessive amout of cropping!

Any help would be greatly appreciated, this is happening on multiple pages of the website.

Try adding to Design > Custom CSS

@media screen and (max-width:767px) {
[data-section-id="624a76557c2e34426d395d81"] {
    min-height: unset !important;
    height: 35vh;
}
}

Thank you so much!!

Should this work across the whole website? 

If not, these two other pages also need resizing.

https://www.popsart.com.au/

https://www.popsart.com.au/the-twelve-scroll-down-links

5 hours ago, POPSART said:

Thank you so much!!

Should this work across the whole website? 

If not, these two other pages also need resizing.

https://www.popsart.com.au/

https://www.popsart.com.au/the-twelve-scroll-down-links

 

Edit 2 pages > Add a Code Block (anywhere) > paste this code

<style>
  @media screen and (max-width:767px) {
article section:first-child {
    min-height: unset !important;
    height: 35vh;
}
}
</style>