[html]

<style>

:root {
/* цвета градиента надписей "дата" и "место" */ 
--date-place-text-bg: linear-gradient(180deg, #ffffff, #60b0eb); 

/* мягкий градиент поверх картинки фона */
--ep-bg-grad: 
                        linear-gradient(to top, #272B30 2%, transparent 60%), 
                        radial-gradient(ellipse at top left, #3a6e92 0%, rgba(0, 0, 0, 0) 50%), transparent;

 /* текст описания эпизода */
--ep-desc-talign: left;

/* цвет фона описания эпизода */
--ep-desc-bg: #342d1d47; 

/* цвет текста описания эпизода*/
--ep-desc-clr:  #fff9f0; 

/* ширина окна описания эпизода */
--ep-desc-width: 50%;
} 

</style>
<link rel="stylesheet" href="https://forumstatic.ru/files/001c/17/76/84573.css"> 


<section class="arc-episode-wrapper">
    <img src='https://i.imgur.com/ENybzzr.png' /> <!--сюда свою картинку на фон (кавычки 
‘ ‘ вокруг ссылки нужно оставить)-->
    <div class='arc-episode-strip'>
        <ul class="arc-date-place">
            <li data-title='дата'>дд.мм.гггг</li> <!-- между <li>...</li> своя дата -->
            <li data-title='место'>Страна, Город</li> <!-- между <li>...</li> место событий -->
        </ul>
    </div>

<!-------- _03 - 3 иконки в ряд, _04 - 4 иконки, _05 - 5 иконок чуть меньше размером ------------>
    <div class='arc-episode-chars chicons_03'>
        <!-- В <a href> вместо '#' вставляется ссылка на профиль вида 'https://arc.ru/profile.php?id=2'
        В data-charname только короткое имя. 
        Строк <a href='#' data-charname='#'><img src='#' /> </a> может быть сколько угодно.
Везде оставляем 'кавычки'  -->
        <a href='#' data-charname='Маг'><img src='https://i.imgur.com/OnBGANj.png' /> </a>
        <a href='#' data-charname='Эльф'> <img src='https://i.imgur.com/OnBGANj.png' /> </a>
        <a href='#' data-charname='Человек'> <img src='https://i.imgur.com/OnBGANj.png' /> </a>
        <a href='#' data-charname='Маг'> <img src='https://i.imgur.com/OnBGANj.png' /> </a>
        <a href='#' data-charname='Человек'> <img src='https://i.imgur.com/OnBGANj.png' /> </a>
        <a href='#' data-charname='Эльф'> <img src='https://i.imgur.com/OnBGANj.png' /> </a>
        <a href='#' data-charname='Человек'> <img src='https://i.imgur.com/OnBGANj.png' /> </a>
    </div>

    <!--Описание эпизода примерно до 1200 символов.  
_01 - описание по правому краю, _02 - по центру ( -->
    <div class='arc-episode-desc_01'>
        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>
</section>

[/html]