JSFiddle - React, Tailwind, and code Playground

by the_archer

HTML

<head>
    <title>Rollover Image Gallery</title>
</head>
<body>
    <div id="container">
        <div id="wrap">
            <img src="http://i55.tinypic.com/2qlyjvn.jpg" alt="image"/>
            <img src="http://i51.tinypic.com/30xee61.jpg" class="front" alt="image"/>
        </div>
        <div id="wrap">
            <img src="http://i55.tinypic.com/2qlyjvn.jpg" alt="image"/>
            <img src="http://i51.tinypic.com/30xee61.jpg" class="front" alt="image"/>
        </div>
        <div id="wrap">
            <img src="http://i55.tinypic.com/2qlyjvn.jpg" alt="image"/>
            <img src="http://i51.tinypic.com/30xee61.jpg" class="front" alt="image"/>
        </div>
    </div>
</body>

CSS

#wrap
{
    position:relative;
    width:250px;
}

img
{
    position:absolute;
    top:0; left:0;
}