html,
body {
  overflow-x: clip;
}

.crest {
  width: 108px;
  height: 102px;
  padding: 0;
  background: transparent;
  clip-path: none;
  filter: none;
}

.heart-frame {
  display: grid;
  place-items: center;
  width: 96px;
  height: 91px;
  padding: 0;
  overflow: hidden;
  background: transparent;
  clip-path: polygon(50% 96%, 42% 88%, 15% 64%, 6% 49%, 5% 32%, 11% 17%, 23% 8%, 36% 9%, 50% 24%, 64% 9%, 77% 8%, 89% 17%, 95% 32%, 94% 49%, 85% 64%, 58% 88%);
  filter: drop-shadow(0 3px 2px rgba(46, 45, 26, .35));
}

.heart-frame img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 30%;
  clip-path: inherit;
  transform: scale(1.04);
}

@media (max-width: 370px) {
  .crest {
    width: 98px;
    height: 92px;
  }

  .heart-frame {
    width: 88px;
    height: 84px;
  }
}