JSFiddle - React, Tailwind, and code Playground

by Mac1ovin

HTML

<div class="triangle"></div>

CSS

.triangle {
  background: #004474;
  height: 280px;
  width: 400px;
  display: block;
  clip-path: polygon(0 0, 100% 1%, 90% 39%, 49% 74%, 0 100%);
  background-image: url(https://placeimg.com/640/480/tech/grayscale);
  background-size: cover;
  background-position: center;
}