Круг и кнопка play отдельные изображения. Попробовал как-нибудь сделать, но не особо получается.
<div class="content__video2">
<div class="container">
<div class="video__inner">
<div class="circle">
<img src="img/circle.png">
<img src="img/play.png" class="play">
</div>
</div>
</div>
</div>
.content__video2 {
display: flex;
height: 550px;
background: url(img/2video_bc.jpg) center no-repeat;
background-size: cover;
width: 100%;
position: absolute;
top: 1072px; left: 0px;
z-index: 100;
opacity: .85;
flex-direction: column;
}
.video__inner {
width: 100%;
padding: 202px;
text-align: center;
}
.circle {
display: block;
position: relative;
width: 100%;
margin: 0 auto;
}
.play {
display: block;
position: absolute;
top: 28px; left: 252px;
}
Прошу не ругать за составленный код, только учусь))
