1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
| .video-cover {
| width: 100%;
| height: auto;
| display: block;
| object-fit: cover;
|
| &.fade {
| animation: fadeIn 1s ease-in;
| }
| }
|
| @keyframes fadeIn {
| from {
| opacity: 0;
| }
| to {
| opacity: 1;
| }
| }
|
|
| .video-cover video {
| pointer-events: none;
| position: absolute;
| top: 0;
| left: 50%;
| opacity: 0.85;
| mix-blend-mode: multiply;
| transform: translate(-40%,-10%);
| height: 105vh;
| width: 300vw!important;
| filter: grayscale(100%) contrast(1);
| flex: 1 0 100%;
| max-width: none;
| }
|
|
