How can I reduce the size of a gif using CSS code?

[MT27]

Hi, can you please help by providing the CSS code in order to make the gif that speans around smaller. Thank you 

URL: https://matibrnd.com/

Pass: biangu

[niraj_patel]

Hello @MT27 

You can add code by following these steps 

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid

<style>

     @media screen and (max-width:767px){
             #shopify-section-template--18448488431883__image_banner_JL4YDe .banner {
                min-height: 15rem;
             }
       }

</style>

[PageFly-Henry]

Hi @MT27 

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save

@media (max-width: 767px){

.banner__content.banner__content--middle-center.page-width {

    min-height: 30rem !important;

}}

Hope that my solution works for you.

Best regards,

Henry | PageFly