[html]<style>

@font-face {
  font-family: 'Borda';
  src: url('https://forumstatic.ru/files/001c/04/0a/49934.ttf')
}

:root {
--borda-font:'Borda';
}

#got-wrapper {
width:100%;
min-height:550px;
display:block;
overflow:hidden;
}

#got-wrapper h4 {
    display: block;
    position: absolute;
    font-size: 35px;
    color: white;
    padding: 20px 40px;
    right: 30px;
    z-index: 3;
    font-family: var(--borda-font);
    width: 49%;
    text-align: end;
    background: url(https://i.imgur.com/KRjKjYY.png) no-repeat;
}

#got-back {
    width: 122%;
    position: absolute;
    z-index: 0;
    mask: url(https://forumstatic.ru/files/001c/04/0a/88809.svg);
    mask-repeat: no-repeat;
       margin: -28px -50px;
}

.got-date-and-place {
    display: block;
    position: absolute;
    color: white;
    font-size: 15px;
    font-family: var(--borda-font);
    z-index: 3;
    margin: 65px 40px 15px 29px;
    background: url(https://i.imgur.com/bq3yhCd.png) no-repeat top;
    background-size: 78%;
    min-width: 250px;
    padding: 9px 25px 15px 79px;
}

#got-vert-text {
position: absolute;
    background: url(https://i.imgur.com/zq3dlP3.png) no-repeat top / cover;
    background-size: 70%;
    left: -50px;
    width: 250px;
    height: 490px;
    z-index: 10;
}

.got-gamers {
font-family: var(--borda-font);
    color: white;
    font-size: 15px;
    display: block;
    position: absolute;
    right: 0px;
    background: url(https://i.imgur.com/D2pGDJ1.png) no-repeat right;
    margin: 194px 30px;
    padding: 14px 33px 13px 17px;
    text-align: end;
    min-width: 300px;
    z-index: 3;
}

.got-desc {
position: absolute;
    right: 0px;
    font-size: 13px;
    max-width: 277px;
    background: url(https://i.imgur.com/vhzCxIc.png) no-repeat center;
    background-size: 92%;
    z-index: 3;
    padding: 77px 80px 22px 75px;
    top: 300px;
}

.ep-wrapper {
    width: 700px;
    height: auto;
    display: block;
    position: absolute;
    overflow: hidden;
    margin: auto;
    min-height: 560px;
}

.parallax {
    background-size: 800px;
    height: 600px;
    width: 726px;
    background-position: center center;
    position: absolute;
    z-index: 0;
    margin: -5px 0px 0px -19px;
    transition: transform 0.3s linear;

}

.got-one{
background: url(https://i.imgur.com/WrqXUgJ.png) no-repeat;
z-index:11;
}

.got-two{
background: url(https://i.imgur.com/ZMdExQA.png) no-repeat;
z-index:2;
}

.got-three {
    background: url(https://i.imgur.com/hADI6MK.png) no-repeat;
    z-index:2;
}

.got-four{
    background: url(https://i.imgur.com/FfjkQRh.png) no-repeat;
z-index:2;
}

</style>

<section id='got-wrapper'>
<h4>Long Name Of Episode</h4>
<div id='got-vert-text' />
<div class='got-date-and-place'>1234.142.123<br>Nowhere In Between</div>
<div class='got-gamers'>Name Surname, Name Surname</div>
<div class='got-desc'>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas et magna bibendum, ornare nunc vel, porttitor orci. Phasellus eu suscipit orci. Proin nec egestas enim. Ut a tellus finibus, hendrerit ligula vitae, accumsan sapien. Nunc porta aliquam felis, eu ultrices neque varius accumsan. Cras congue lectus ut libero fermentum, non consequat lectus egestas.
</div>

<div class='ep-wrapper'>
<div class="parallax got-one" data-speed="0.02" />
<div class="parallax got-two" data-speed="0.04" />
<div class="parallax got-three" data-speed="0.06" />
<div class="parallax got-four" data-speed="0.1" />
</div>

<img id='got-back' src='https://i.imgur.com/JkaFRlC.jpeg' />
</section>[/html]

Подпись автора

подпись с картинкой в правом углу
КАРТИНКА