JSFiddle - React, Tailwind, and code Playground

by tucado

HTML

<div class="cont">

        <video autoplay muted loop id="myVideo">
          <source src="http://www.kamiennadlyna.pl/video.mp4" type="video/mp4" poster="http://www.kamiennadlyna.pl/test/img/video-bg.jpg">
        </video>  

        <div class="maska">
        </div>

    </div>

CSS

.cont {
      width:100%; 
      height: 450px;
      position:relative;
      background: url("http://www.kamiennadlyna.pl/test/img/video-bg.jpg") no-repeat center;
    }

    .maska {
        width:100%;height: 100%;
        background: url("http://www.kamiennadlyna.pl/test/img/mask.png") repeat;
        left: 0;
        bottom: 0;  
        position:absolute;
        text-align: center;

        -webkit-mask-image: url("http://www.kamiennadlyna.pl/test/img/arrowbottom.png")
    }