.video-background {
position: relative;
overflow: hidden;
width: 100%;
height: 80vh;
}
.video-background video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
color: #fff;
background: rgba(0, 0, 0, 0.5);
}
.headingLine {
position: relative;
z-index: 2;
}
.headingLine::after {
content: "";
position: absolute;
top: 20px;
left: 0;
width: 105px;
height: 25px;
z-index: -1;
-ms-transform: rotate(20deg);
-webkit-transform: rotate(20deg);
transform: rotate(-21deg);
background-color: #d2042d;
opacity: 0.5;
}
.img-rounded
{
border-radius: 50%;
}
.s8-templates-card__cardsize-4 {
width: 369px;
}
.video-background {
position: relative;
overflow: hidden;
width: 100%;
height: 80vh;
}
.video-background video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
color: #fff;
background: rgba(0, 0, 0, 0.5);
}
.headingLine {
position: relative;
z-index: 2;
}
.headingLine::after {
content: "";
position: absolute;
top: 20px;
left: 0;
width: 105px;
height: 25px;
z-index: -1;
-ms-transform: rotate(20deg);
-webkit-transform: rotate(20deg);
transform: rotate(-21deg);
background-color: #d2042d;
opacity: 0.5;
}
.img-rounded
{
border-radius: 50%;
}
.s8-templates-card__cardsize-4 {
width: 369px;
}