JSFiddle - React, Tailwind, and code Playground

by Lalji Tadhani

HTML

<main>
  <div align="center" class="embed-responsive embed-responsive-16by9">
    <video autoplay loop class="embed-responsive-item">
      <source
        src="/artwork/Video/Final_Edit.mp4"
        type="video/mp4"
      />
      <img class="imgTransparant" src="artwork/Fotos/1x/logo_transparant.png" alt="transparante logo">
    </video>
  </div>
</main>

CSS

.embed-responsive-16by9 {
position: relative;
height: auto;
width: 100%;
}

.imgTransparant {
position: absolute;
top: 50%;
right: 0;
}