Tryign to wrap a video inside image doesn't work in Semantic UI

I have written a code using Semantic UI but when I try to wrap a video inside image its not working fine.. Here is my code

<div class="content">
    <video width="300"  autoplay controls loop>
  <source src="video/animation.mp4" type="video/mp4" />
  </video>
  <h2>Show Disclosure</h2>
  <i class="large circular inverted teal play icon"></i>
  <h1>Watch Video</h1>
  </div>

I want the above video to insert inside an iPhone image... Can anyone helping me in solving out this issue...

Here is the page what I designed until now: http://45.55.34.151/sample