JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container"></div>

CSS

.container{
  height:300px;
  border:1px solid black;
  position:relative;
}

.container:before{
  content:"";
  width: 80px;
  height:80px;
  border-radius: 50%;
  border: 2px solid black;
  top:50%;
  left: 50%;
  transform:translate(-50%, -50%);
  position: absolute;
  display:block;
  background-image:url("https://user-profile.s3.envato.com/files/71648776/profile-icon.png")
}