JSFiddle - React, Tailwind, and code Playground

by Premchand R

HTML

<div id="div1"><div id="div2"><img src="http://placekitten.com/g/82/82"></div></div>
<div id="div1"><div id="div2"><img src="http://placekitten.com/g/82/82"></div></div>
<div id="div1"><div id="div2"><img src="http://placekitten.com/g/82/82"></div></div>

CSS

#div1 {
	position: relative;
	height: 100px;
	width: 100px;
	background-color: white;
	border: 1px solid transparent;
}

#div2 {
	position: absolute;
	top: -2px;
	left: -2px;
	height: 84px;
	width: 84px;
	background-color: #FFF;
	border-radius: 15px;
	padding: 10px;
}

#div1:hover {
	border: 1px solid red;
}