File: /var/www/quadcode-site/src/style/components/partnership-player.scss
.partnership-player {
position: relative;
width: 100%;
min-height: 820px;
@include breakpoint-down('deskL') {
min-height: 692px;
}
@include breakpoint-down('deskM') {
min-height: 602px;
}
@include breakpoint-down('deskS') {
min-height: 424px;
}
@include breakpoint-down('tabM') {
min-height: 695px;
}
&__video {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
> video {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
}
}
&__content {
position: absolute;
width: 100%;
height: calc(100% + 2px);
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
z-index: 1;
background: linear-gradient(180deg, rgba(0, 143, 112, 0.9) 0%, rgba(9, 46, 36, 0.85) 100%);
}
&__title {
color: $white;
margin-bottom: 48px;
text-align: center;
}
}