JSFiddle - React, Tailwind, and code Playground

HTML

<section class="outerpiccontainer"> 
<p>Place photo here</p> 
<div class="piccontainer"></div>
</section>

CSS

.outerpiccontainer 
{
background-color:#BF1432;
width:38%;
height:400px;
padding:1%;
border-top:5px inset #DCDCDC;
border-bottom:5px inset #DCDCDC;
    border-bottom-left-radius: 8%;
float:left
}

.piccontainer 
{
background-color:#DCDCDC;
width:80%;
height:80%;
padding:1% 0;
    border-radius: 50%;
   -moz-box-shadow: 10px 10px 5px black;
   -webkit-box-shadow: 10px 10px 5px black;
    box-shadow: 10px 10px 5px black;
    margin: 0 auto;
 
}