JSFiddle - React, Tailwind, and code Playground

by Lalji Tadhani

HTML

<div class="div-one"></div>
<div class="div-two"></div>

CSS

div {
    position: absolute;
    width: 100%;
    height: 100%;
  }

  .div-one {
    background: url("https://i.imgur.com/8LgIL7B.jpg") center / cover no-repeat;
  }

  .div-two {
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    background: url("https://i.imgur.com/fBL4WC1.jpg") center / cover no-repeat;
  }