JSFiddle - React, Tailwind, and code Playground

by kiokotzu

HTML

<div class="servicio">
    <div class="over"></div>
</div>

CSS

.servicio {
width: 200px;
background:red;
height: 195px;
margin-top: 14px;
margin-left: 28px;
margin-right: 17px;
margin-bottom: 20px;
-webkit-border-radius: 200px 200px 200px 200px;
-moz-border-radius: 200px 200px 200px;
border-radius: 200px 200px 200px 200px;
background: #161613;
border: solid 5px #cbce14;
position: relative;
    overflow:hidden;
}
.over {
position: absolute;
width: 200px;
height: 300px;
background: #9d9f04 url(../imagenes/lupa-servicios.png) center no-repeat;
margin-top: 100px;
}