JSFiddle - React, Tailwind, and code Playground

HTML

<div class="visual" style="background-image: url(http://craphound.com/images/thearrivalcww.jpg); display: block; opacity: 1; -webkit-transform: none;">

CSS

.visual {
        width: 200px;
        height: 130px;
        margin-bottom: 4px;
        }
        .visual {
        border: 0px;
        overflow: hidden;
        border: 1px solid #DFDFDF;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        background-size: cover;
        background-position: 50% 30%;
        -webkit-transition: all 3000ms;
        -moz-transition: all 2000ms;
        -webkit-transform-origin: center center;
        -webkit-transform: rotateX( 45deg );
        -moz-transform: rotateX( 45deg );
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        opacity: 0;
        }