Image Banner not Resizing on Tablet

Site URL: https://cjstingerart.com/

Hi, I have an image block as my banner. And it shows fine when viewed on a desktop and phone, but the image does not resize properly on a tablet. It shows highly enlarged/zoomed in. Is there code so the banner will resize on  a tablet? Thank you so much for your help!!

On 3/15/2021 at 4:28 AM, Cjstinger said:

Site URL: https://cjstingerart.com/

Hi, I have an image block as my banner. And it shows fine when viewed on a desktop and phone, but the image does not resize properly on a tablet. It shows highly enlarged/zoomed in. Is there code so the banner will resize on  a tablet? Thank you so much for your help!!

Add to Design > Custom CSS > The nsave & reload your site

/* resize tablet banner */
@media screen and (max-width:991px) and (min-width:768px) {
body.homepage article section:First-child {
    min-height: 20vh !important;
}
}