JSFiddle - React, Tailwind, and code Playground

by wtkd

HTML

<div>

</div>

CSS

div {
  width: 80vw;
  height:40vw;
  box-sizing: border-box;
  background-color: transparent;
  background-image:
    linear-gradient(-30deg, black 63.1%, transparent 63.1%), 
    linear-gradient( 30deg, black 63.1%, transparent 63.1%),
    url(http://lorempixel.com/1000/500);
    background-size: 50.5% 100%, 50.5% 100%, 100% 60%;
    background-position: top right, top left;
    background-repeat: no-repeat;
}