JSFiddle - React, Tailwind, and code Playground

by ggChris

HTML

<div class="widewrapper thumbnail">
          <img class="" src="http://orig10.deviantart.net/f6bf/f/2007/054/1/9/website_banner_landscape_by_kandiart.jpg" alt="">
          <div class="post-content">
\

          </div>
  </div>

CSS

.widewrapper {
          width:100%;
      }

      .widewrapper > img {
          width:100%;
      }

      .post-content {
          background: none repeat scroll 0 0;
          opacity: 0.5;
          top:0;
          left:0;
          position: absolute;
      }

.widewrapper img:hover { transform:scale(1.2); transition:all 0.4s ease;}

      .thumbnail{
          position:relative;

      }