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%;
        
    text-align: center;

}

.piccontainer {

    background-color:#DCDCDC;
    
    display: inline-block;

    width:80%;

    height:80%;

    padding:1%;

    border-radius: 50%;

    -moz-box-shadow: 10px 10px 5px black;

    -webkit-box-shadow: 10px 10px 5px black;

    box-shadow: 10px 10px 5px black;

}