Image Block - Animated gif

Has anyone had success with using a animated gif for a image block?

When uploading it says 'Processing Failed.' My gif shows up on the page however, does not stay responsive and gets cut off.

Here is my example. kaseymahoney.com/lowend-theory/

Any help would be greatly appreciated! Thank you-K

Hi,

Tried viewing the example but it no longer exists, would you mind sharing a new one? Feel free to password protect it as well.

My great friend Israel Sanchez solved this for me. Here is the code incase anyone else was having the same issue, just add it to the Custom CSS Editor:

.sqs-block-image .image-block-outer-wrapper .image-block-wrapper img {
 max-width: 100%;
}

Seems like everything else works great!

Kasey , amazing website ! Congrats ! I could not find the animated gif though , could you share the link ?And which template are you using ?

here is a example of the animated gif which does not get cut off when resizing the browser window. (at the bottom) https://kasey-mahoney.squarespace.com/fugoo

Clueless about this stuff, but where in the Custom CSS Editor would the gif link go?

This thread seems outdated! I was able to just add my animated gif to the via the image block.

See example here at the bottom of the page:https://otpotential.com/occupational-therapy-jobs/

Hi @kaseymahoney i'm having similar issue, Right now have a video background active, but for the mobile version (MOBILE FALLBACK IMAGE) I want to put a .gif wit some text.

In the ipad with landscape mode looks great, but not happens the same in the vertical orientation or in the iphone... Maybe touching something with css... but i don't know at all.

Thanks in advance (: