JSFiddle - React, Tailwind, and code Playground

by Urvin

HTML

<div class="container">
    <div class="element"><img src="http://habrastorage.org/storage2/40f/1b8/666/40f1b86663eba2ef14e21ad7a15930a8.png"/></div>
    <div class="element"><img src="http://habrastorage.org/storage2/aa8/081/33b/aa808133bb20687e17c3e25ccce970c0.png"/></div>
    <div class="element"><img src="http://habrastorage.org/storage2/b06/51c/418/b0651c418be1f950661398a862224a34.png"/></div>
</div>

CSS

.element
{
    overflow:hidden;
    width:100px;
    height: 100px;
    border: 1px #000 solid;
    margin: 5px;
    float: left;
    
    position: relative;
}

.element img
{
    position: absolute;
    top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}