JSFiddle - React, Tailwind, and code Playground

HTML

<section class="first">
  <img src="http://icons.iconarchive.com/icons/wineass/ios7-redesign/512/Sample-icon.png">
</section>

<section class="second">

 
</section>

CSS

* {
  box-sizing: border-box
}


.first {
  position: relative;
  min-height: 200px;

}

img {
    width: 200px;
    position: absolute;
    left: 10%;
    bottom: 0;
}
.second {
  position: relative;
  height: 300px;
  margin-top: -150px;
  background: radial-gradient(100% 50% at center top, transparent 49.8%, gray 50.2%);
  z-index: 2;
}