JSFiddle - React, Tailwind, and code Playground

by dmelnik

HTML

<style>
   .roundtop {
    background-image: url('http://www.thewebsqueeze.com/wp-content/uploads/borders/rounded-top.jpg');
    width: 315px;
    height: 10px;
    }
.roundside {
    background-image: url('http://www.thewebsqueeze.com/wp-content/uploads/borders/rounded-sides.jpg');
    background-repeat: repeat-y;
    width: 315px;
    text-align: center;
}
.roundbottom {
    background-image: url('http://www.thewebsqueeze.com/wp-content/uploads/borders/rounded-bottom.jpg');
    width: 315px;
    height: 10px;
}
</style>


<div class="roundtop"></div>
 
<div class="roundside">
<img class="img" src="https://dev-web-images.s3.amazonaws.com/poll-557-215x215" alt="" />    
</div>
 
<div class="roundbottom"></div>