JSFiddle - React, Tailwind, and code Playground

by Nevear

HTML

<div class="crop"><a href="#" title=""><img src="https://langformula.ru/wp-content/uploads/2019/04/house.jpg" alt="css template" /></a></div>

CSS

crop{
	float:left;
	position:relative;
	width:200px;
	height:144px;
	border:1px solid #ccc;
	margin:.5em 10px .5em 0;
	}
.crop img{
 position: absolute;
 clip: rect(36px,200px,144px,0px);
 width:200px;
	}