.wrapper{
 position: absolute;
 width: 300px;
 height: 250px;
 top: 0;
 left: 0;
 overflow: hidden;
 cursor: pointer;
 /* perspective: 200px; */
 /* perspective-origin: 100% 100%; */
 opacity: 0;
 }

 /* @font-face {
 font-family: 'Antonio';
 src: url('Assets/subset-Antonio-Bold.woff') format('woff');
 font-weight: bold;
 font-style: normal;
 } */

 .bg, .cta, .cursor, .dm, .logo2, .medal, .shampoo, .shampoo2, .tap, .theMagic, .topLable, .theMagic, .vidCn{
 position: absolute;
 width: 300px;
 height: 250px;
 top: 0;
 left: 0;
 }

 .vid_1{
 /* mix-blend-mode: lighten; */
 }

 .vid_1{
 position: absolute;
 width: 400px;
 height: 267px;
 top: 0;
 left: -50px;
 }

 .vid_2{
 position: absolute;
 width: 300px;
 height: 250px;
 top: 0;
 left: 0;
 /* transform: scaleX(-1); */
 }

/*=============================================================================*/