I am closing to launching my site but am having difficulties with my main page banner. I have animated a .gif file and have uploaded it into my main page through the image with text overlay section. I have my .gif uploaded and it is running very smoothly and resized nicely on both mobile and desktop. Currently, the .gif spans the entirety of the screen on both mobile and desktop. I would really like for it be sized down to fit the flow of the rest of the content on my page.
How do I reduce the size of the displayed .gif video? Could I edit the code to insert into a frame of sorts?
I am running the pipeline theme.
Thank you all.
Welcome to the Shopify community!
and Thanks for your question.
Please share your site URL,
So I will check and provide a solution here.