How can I properly resize a banner image for mobile display?

[MT27]

Hi, I’m trying to cut the height of the banner (where I have the gif spinning) but I can’t figure out how. As you can see it overlays with the home picture.

Also on the sides left and right it cuts a bit of the picture and it doesn’t allow the full picture to be seen (when spinning)

I have attached a picture with the coding I have done on the CSS.

Can you please help me fix it?

URL: https://matibrnd.com/

Pass: biangu

[BSS-Commerce]

Hi @MT27 ,

Please add this line of code to your theme:

div#Banner-template--18448488431883__image_banner_JL4YDe{
  max-width: 90%!important;
    width: 80% !important;
}

Result:


**Hope it helps @MT27 **

[MT27]

Hi BSS-Commerce,

Thank you very much it worked! Would you please help me also with the gaps on the left and the right? I am trying to bring the section a bit up but it has these gaps left and right! Thank you

PREVIEW