38 lines
568 B
SCSS
38 lines
568 B
SCSS
|
.videoMain {
|
||
|
|
max-width: 100%;
|
||
|
|
overflow: hidden;
|
||
|
|
object-fit: cover;
|
||
|
|
position: relative;
|
||
|
|
width: 100%;
|
||
|
|
justify-content: center;
|
||
|
|
align-items: center;
|
||
|
|
height: 100%;
|
||
|
|
max-height: 757px;
|
||
|
|
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (min-width: 576px) and (max-width: 768px) {
|
||
|
|
.videoMain {
|
||
|
|
//max-width: calc(100vw - 164px);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width: 575px) {
|
||
|
|
.videoMain {
|
||
|
|
max-width: 100vw;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.videoBlur {
|
||
|
|
position: absolute;
|
||
|
|
left: 0;
|
||
|
|
object-position: center;
|
||
|
|
z-index: -1;
|
||
|
|
overflow: hidden;
|
||
|
|
max-width: 100%;
|
||
|
|
height: 757px;
|
||
|
|
object-fit: cover;
|
||
|
|
filter: blur(80px);
|
||
|
|
}
|