<svg height="0" width="0">
  <defs>
    <clipPath id="mask">
      <path d="M-0.06 360.15c16.4,0 30,13.72 30,30l527 0c0,-16.28 13.6,-30 30,-30l0 -330c-16.4,0 -30,-13.72 -30,-30l-527 0c0,16.28 -13.6,30 -30,30l0 330z"/>
    </clipPath>
  </defs>
</svg>

<div>
  <img class="masked-image" src="https://c402277.ssl.cf1.rackcdn.com/photos/2325/images/hero_small/mountains-hero.jpg" alt="mountin"/> 
</div>
.masked-image {
  clip-path: url(#mask);
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.