<section class="relative flex flex-col w-80 h-18 flex-shrink-0 p-5 mt-8 mb-1 text-gray-800 bg-white shadow-[0px_0px_4px_0px_rgba(255,0,0,0.3)] rounded-lg">
  <div class="absolute -top-7 right-2 w-20 h-20 rounded-full shadow-[0px_0px_4px_0px_rgba(255,0,0,0.3)] border border-white before:content-[''] before:absolute before:h-[56px] before:-left-1 before:-right-1 before:top-7 before:bg-white">
    <span class="absolute w-full h-full text-white text-xl bg-blue-300 flex items-center justify-center rounded-full">C</span>
  </div>
  <h4>Senior Full-Stack Developer</h4>
</section>

body {
  background: #efefef;
  padding: 30px 20px;
}