JSFiddle - React, Tailwind, and code Playground

by Antaranian

HTML

<div id="container" class="container">
    <img src="https://dl.dropboxusercontent.com/s/m2sfa1sg9zq3bjg/anna.jpg?token_hash=AAEGMbh8leMLx61x1wWg12e4ek56UHu4rAO24xy2SkjC7w&dl=1"/> 
</div>

<div id="container2" class="container">
    <img src="https://dl.dropboxusercontent.com/s/m2sfa1sg9zq3bjg/anna.jpg?token_hash=AAEGMbh8leMLx61x1wWg12e4ek56UHu4rAO24xy2SkjC7w&dl=1"/> 
</div>

CSS

.container {
    float: left;
    margin: 10px; 
    width: 300px;
    background: #369;
    overflow: hidden;
}

img {
    width: 600px;
}

#container2 img {
    margin-left: -150px;
}