Menu icon Foundation
Embeded Gif Too Large

I've embedded a gif as an image within my div, and it overflows the parent div:

Xx

<div class="small-12 medium-6 columns">
  <!-- Insert Content Here -->
  <div class="flex-video clearfix">
    <img class="gfyitem" data-id="HonestUnequaledImpala" />
  </div>
</div>

embedgif

I've embedded a gif as an image within my div, and it overflows the parent div:

Xx

<div class="small-12 medium-6 columns">
  <!-- Insert Content Here -->
  <div class="flex-video clearfix">
    <img class="gfyitem" data-id="HonestUnequaledImpala" />
  </div>
</div>

Rafi Benkual about 4 years ago

How are you loading the image?

Using a background image, works well.
http://codepen.io/rafibomb/pen/oXKajR?editors=110

Have a live example?