See the Pen Cheesecake by John Bastian Bolhano (@johnbolhano) on CodePen.0

Html

<body>
  <div class="wrapper">
    <div class="top">
      <div class="cherry"></div>
      <div class="cream"></div>
    </div>
    <div class="cake"></div>
  </div>
</body>

Css

body {
  background:#F3DC33;
}
.wrapper {
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  margin:auto;
  width:400px;
  height:300px;
}
.wrapper div {
  position:absolute;
}
.top {
  top:-20%;
  background:#E8A938;
  width:100%;
  height:200px;
  clip-path:polygon(75% 30%, 0% 75%, 101% 76%);
}
.cherry {
  background:#CB2605;
  width:35px;
  height:35px;
  z-index:1;
  top:45%;
  left:65%;
  border-radius:50%;
}
.cherry::before {
  position:absolute;
  content:"";
  background:#90181A;
  width:15px;
  height:15px;
  border-radius:50%;
  left:40%;
  top:15%;
}
.cream {
  background:#fff;
  width:40px;
  height:60px;
  border-radius:50%;
  top:40%;
  left:67%;
}
.cream::before {
  background:#fff;
  position:absolute;
  content:"";
  height:35px;
  width:35px;
  left:-60%;
  top:35%;
  border-radius:50% 0 0 50%;
}
.cake {
  background:#F6BB4F;
  width:100%;
  height:130px;
  border-top:15px solid #c18b2a;
  top:30%;
}