JSFiddle - React, Tailwind, and code Playground

by iamanubhavsaini

HTML

<div id="image">
    <div id="border"></div>
</div>
<div id="meow">
    meow
    <div>

CSS

#border {
    border:3px dashed white;
    border-radius:100px;
    width:184px;
    height:184px;
    position:relative;
    left:5px;
    top:5px;
}
#meow{
    position:relative;
    top:-100px;
    left:100px;
    color:black;
    font-size:28px;
    background-color:rgba(200,200,200,0.4);
    width:80px;
    height:30px;
    text-align:center
}

#image {
    background-image:url(http://placekitten.com/200/200);
    width:200px;
    height:200px;
    border-radius:100px;
}