<body style="margin: 0;">

  <div class="item">
    <svg viewBox="0 0 207.89 296.08" xmlns="http://www.w3.org/2000/svg">
      <defs>
        <mask id="mask">
          <rect width="100%" height="100%" fill="#000" />
          <path d="m10 25.618 187.89-25.542c5.4878-0.74603 10 4.1221 10 9.2424v251.9c0 5.1203-4.5122 8.4964-10 9.2424l-187.89 25.542c-5.4878 0.74603-10-4.1221-10-9.2424v-251.9c0-5.1203 4.5122-8.4963 10-9.2424z" fill="#fff" />
        </mask>
      </defs>

      <image href="https://storage.ws.pho.to/s2/3c56b59faab025462aaed5485a93b72e610c9a47_m.jpeg" width="100%" height="100%" x="0" y="0" preserveAspectRatio="none" mask="url(#mask)" />
    </svg>
  </div>
.item {
  max-width: 240px;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.