.fade-video{--fade-size:70px;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--fade-size),#000 calc(100% - var(--fade-size)),transparent 100%),linear-gradient(to bottom,transparent 0,#000 var(--fade-size),#000 calc(100% - var(--fade-size)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 var(--fade-size),#000 calc(100% - var(--fade-size)),transparent 100%),linear-gradient(to bottom,transparent 0,#000 var(--fade-size),#000 calc(100% - var(--fade-size)),transparent 100%);-webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-repeat:no-repeat,no-repeat;mask-repeat:no-repeat,no-repeat;-webkit-mask-size:100% 100%,100% 100%;mask-size:100% 100%,100% 100%}@media (max-width:639px){.fade-video{--fade-size:20px;--fade-vertical:60px;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--fade-size),#000 calc(100% - var(--fade-size)),transparent 100%),linear-gradient(to bottom,transparent 0,#000 var(--fade-vertical),#000 calc(100% - var(--fade-vertical)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 var(--fade-size),#000 calc(100% - var(--fade-size)),transparent 100%),linear-gradient(to bottom,transparent 0,#000 var(--fade-vertical),#000 calc(100% - var(--fade-vertical)),transparent 100%)}}@media (max-width:500px){.fade-video{--fade-size:20px;--fade-vertical:40px;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--fade-size),#000 calc(100% - var(--fade-size)),transparent 100%),linear-gradient(to bottom,transparent 0,#000 var(--fade-vertical),#000 calc(100% - var(--fade-vertical)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 var(--fade-size),#000 calc(100% - var(--fade-size)),transparent 100%),linear-gradient(to bottom,transparent 0,#000 var(--fade-vertical),#000 calc(100% - var(--fade-vertical)),transparent 100%)}}