.wpw-image {
  display: flex;
  position: relative;
  width: 100%;
}

.wpw-image > img {
  width: 100%;
  object-fit: cover;
}

.wpw-image > div.darked,
.wpw-image > div.masked {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.wpw-image > div.darked {
  background-color: rgba(0, 0, 0, 0.33);
}

.wpw-image > div.masked {
  clip-path: polygon(100% 68%, 54% 94%, 35% 78%, 0% 100%, 0% 101%, 100% 101%);
  background-color: white;
}

.wpw-image > div.mask {
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
}

.wpw-image > div.mask > img {
  width: 100%;
}

@media only screen and (max-width: 821px) {
  .wpw-image > div.masked {
    clip-path: polygon(100% 77%, 54% 94%, 35% 86%, 0% 100%, 0% 101%, 100% 101%);
  }
}