[html]
<style>
.ep-wrapper {
    width: 700px;
    height: auto;
    display: block;
    position: relative;
    overflow: hidden;
    margin: auto;
    border: 2px solid var(--darkred);
    min-height: 420px;

}

.ep-wrapper::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 5;
    width: 96.8%;
    height: 95%;
    margin: auto;
    background: linear-gradient(to bottom, #49edf8, #000000);
    clip-path: polygon(0 50px, 50px 0, 100% 0, 100% calc(100% - 50px), calc(100% - 50px) 100%, 0 100%, 0 50px, 5px calc(50px + 2.07px), 5px calc(100% - 5px), calc(100% - 50px - 2.07px) calc(100% - 5px), calc(100% - 5px) calc(100% - 50px - 2.07px), calc(100% - 5px) 5px, calc(50px + 2.07px) 5px, 5px calc(50px + 2.07px));
}

.ep-title {
position: relative;
    z-index: 5;
    display: block;
    font-family: 'Brandbe';
    font-size: 30px;
margin-top: 50px;
    background: linear-gradient(90deg, rgb(52 38 119) 0%, rgba(0, 0, 0, 0.5) 50%, rgb(133 7 237 / 18%) 100%);    text-align: center;
    backdrop-filter: blur(10px);
    letter-spacing: 2px;
overflow: hidden;
}

.ep-title p {
padding: 0px !important;
    background-image: url(https://i.imgur.com/S4VsJ4y.png);
    background-repeat: repeat-x;
    background-position: bottom;
    color: #bddbff !important;

}

.ep-title::before{
    content: '';
    display: block;
    position: absolute;
    background: url(https://i.imgur.com/h8ZERld.png);
    margin: -186px -3px 0px 190px;
    transform: rotate(90deg);
    width: 17px;
    scale: .8;
    height: 500px;
    z-index: 1;
}

.ep-title::after{
    content: '';
    display: block;
    position: absolute;
    background: url(https://i.imgur.com/h8ZERld.png);
    margin: -314px -3px 0px 493px;
    transform: rotate(270deg);
    width: 17px;
    scale: .8;
    height: 500px;
    z-index: 1;
}

.ep-title video {
    width: 100%;
    position: absolute;
    left: 0px;
    object-fit: cover;}

.title-of-ep-uniq {
    width: 100%;
    height: 100%;
    background-color: #000;
    font-size: 40px;
    color: #fff;
    text-align: center;
        padding: 10px 20px;
    mix-blend-mode: multiply;
    font-family: 'Radjhani';
    text-shadow: 6px 4px 10px #ffffff6e;
}

.players-uniq{
    position: relative;
    z-index: 5;
    margin: 18px 18px 130px;
    padding: 15px 40px;
    font-family: var(--quam);
    font-size: 20px;
    color: #fcee09;
    letter-spacing: 0.5px;
    border: 1px solid var(--yellow);
    background: linear-gradient(90deg, rgb(0 240 255 / 35%) 0%, rgba(0, 0, 0, 0.5) 15%, rgba(0, 0, 0, 0.5) 81%, rgb(0 236 251 / 44%) 100%);
    backdrop-filter: blur(10px);
    width: fit-content;
    overflow: hidden;
}

.players-uniq a{
    color: var(--cyan)!important;
}

.players-uniq::before{
content: '';
    display: block;
    position: absolute;
    background: url(https://i.imgur.com/h8ZERld.png) no-repeat;
    margin: -211px -3px 0 192px;
    transform: rotate(90deg);
    width: 17px;
    height: 481px;
}

.players-uniq::after{
    content: '';
    display: block;
    position: absolute;
    background: url(https://i.imgur.com/h8ZERld.png) no-repeat;
    margin: -270px -3px 0 186px;
    transform: rotate(270deg);
    width: 17px;
    height: 481px;
}

.plot-uniq{
   position: inherit;
    z-index: 5;
    margin: 18px 18px 19px 232px;
    padding: 15px 25px;
    font-family: var(--huehuefont);
    font-size: 15px;
    background: linear-gradient(90deg, rgb(0 0 0 / 72%) 56%, rgba(142, 45, 0, 0) 70%, rgb(0 254 255 / 28%) 100%);
    backdrop-filter: blur(10px);
    text-align: justify;
    width: 400px;
    color: aliceblue;
    line-height: 150%;
    border: solid 1px var(--yellow);
    box-shadow: 5px 0px 0 var(--yellow), 5px 4px 0 var(--yellow), 0px 4px 0 var(--yellow);
    overflow: hidden;
}

.plot-uniq::after {
    content: '';
    display: block;
    position: absolute;
    background: url(https://i.imgur.com/h8ZERld.png) no-repeat;
    margin: 0px -3px 0 340px;
    transform: rotate(0deg);
    width: 500px;
    height: 500px;
    scale: .7;
    z-index: 1;
    /* opacity: .4; */
    bottom: -96px;
}

.plot-uniq::before {
    content: '';
    display: block;
    position: absolute;
    background: url(https://i.imgur.com/h8ZERld.png) no-repeat;
    margin: 1px -3px 0 -439px;
    transform: rotate(180deg);
    width: 500px;
    height: 500px;
    scale: .7;
    z-index: 1;
    /* opacity: .4; */
    bottom: -100px;
}

.parallax {
    background: url(https://i.imgur.com/uVvJztD.jpeg) no-repeat;
    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;

}

.double {
    background: url(https://i.imgur.com/7OLNnRu.png) no-repeat;
    background-size: 800px;
    height: 600px;
    width: 726px;
    background-position: center center;
    position: absolute;
    z-index: 1;
    margin: -5px 0px 0px -19px;
    transition: transform 0.3s linear;

}

.triple {
    background: url(https://i.imgur.com/T68pgOY.png) no-repeat;
    background-size: 800px;
    height: 600px;
    width: 726px;
    background-position: center center;
    position: absolute;
    z-index: 2;
    margin: -5px 0px 0px -19px;
    transition: transform 0.3s linear;

}

</style>

<div class="ep-wrapper">
<div class="parallax" data-speed="0.02"></div>
<div class="parallax double" data-speed="0.04"></div>
<div class="parallax triple" data-speed="0.06"></div>
<div class="ep-title"><video src="https://v1.pinimg.com/videos/iht/720p/0e/6d/e6/0e6de682c83042dee6918d01fcec1aff.mp4" autoplay loop muted></video><div class="title-of-ep-uniq">LONG NAME OF EPISODE </div></div>
<div class="players-uniq"><a href="#">Участник 1</a>, <a href="#">Участник 2</a>, <a href="#">Участник 3</a></div>

<div class="plot-uniq">Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates nulla dolores architecto corrupti rem aperiam obcaecati suscipit! Eveniet laboriosam maiores illo. Ea placeat velit numquam tenetur iste. Vitae repellendus excepturi facilis commodi molestias tenetur vero nemo illum, accusantium maiores optio.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates nulla dolores architecto corrupti rem aperiam obcaecati suscipit! Eveniet laboriosam maiores illo.
</div>
</div>
<div>

[/html]

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

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