How to add responsive GIPHY gif in your posts?
Simply copy-paste this script to publish a fully responsive GIF your posts (or pages). To only value you need to update is wrzf9P70YWLJK with the ID provided from GIPHY.
The responsive version
<div><div style="left: 0px; width: 100%; height: 0px; position: relative; padding-bottom: 49.8853%;"><iframe src="https://giphy.com/embed/wrzf9P70YWLJK/twitter/iframe" frameborder="0" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true" style="top: 0px; left: 0px; width: 100%; height: 100%; position: absolute;"></iframe></div></div>
This code was generated via iframely
Don't be lazy!
If you would only use the script provided by GIPHY, your GIF will not be responsive and usually appear smaller.
<iframe src="//giphy.com/embed/wrzf9P70YWLJK" width="480" height="270" frameBorder="0" class="giphy-embed" allowFullScreen></iframe><p><a href="http://giphy.com/gifs/tom-cruise-top-gun-maverick-wrzf9P70YWLJK">via GIPHY</a></p>
Here is how it looks below: