JSFiddle - React, Tailwind, and code Playground

by Yuriy

HTML

<br>
<img class="obr" src="http://viks.me/upload/iblock/b74/b7414ed1469a06ee80bc9348248e0e4e.jpg" />
<img class="obr" src="http://viks.me/upload/iblock/877/87796af1f09cc7dac442cde0daae6c5c.jpg" />
<br>
<br>
<br>    

Обрезка по краям
<div>
    <img class="obr" src="http://viks.me/upload/iblock/b74/b7414ed1469a06ee80bc9348248e0e4e.jpg" />
</div>

<div>
    <img class="obr" src="http://viks.me/upload/iblock/877/87796af1f09cc7dac442cde0daae6c5c.jpg" />
</div>


<div>
    <img src="http://viks.me/upload/iblock/877/87796af1f09cc7dac442cde0daae6c5c.jpg" />
</div>

CSS

div
{
    width: 200px;
    height: 200px;
    overflow: hidden;
    //margin: 10px;
    position: relative;
    text-align: center;
}


img.obr {
    position:absolute;
    left: -100%;
    right: -100%;
    top: -100%;
    bottom: -100%;
    margin: auto;
}