JSFiddle - React, Tailwind, and code Playground

by mkdizajn

HTML

<section class="section poster-container">
  <img src="https://imagejournal.org/wp-content/uploads/bb-plugin/cache/23466317216_b99485ba14_o-panorama.jpg" alt="" class="img-poster add img-responsive">
</section>

CSS

.img-poster{
  display: block;
  max-width: 100%;
  -webkit-mask-image: url(https://cdn.pbrd.co/images/GYiCod1.png), url(https://cdn.pbrd.co/images/GYiCQsM.png);
  -webkit-mask-position: bottom center,center center;
  -webkit-mask-repeat: no-repeat, no-repeat; 
}
.add {
  -webkit-mask-composite: add;
}