[html]
<style>
.collections-display {
width: 100%;
position: relative;
display: flex;
flex-direction: column;
gap: 15px;
box-sizing: border-box;
}

.collections-display * {
box-sizing: border-box;

}

.collections-display .one-collection {
display: flex;
flex-wrap: wrap;
padding: 10px;
gap: 5px;
position: relative;
margin-top: 25px;
}

.collections-display .one-collection > div {
    width: 185px;
    min-height: 80px;
    background: rgb(0, 0, 0, 0.05);
    padding: 10px 10px 10px 10px;
    border-radius: 5px;
    position: relative;
    font-size: 10px;
    line-height: 1.4;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}

.collections-display .one-collection > div span {
white-space: pre-wrap;
display: block;
text-align: left;
width: 100%;
}

.collections-display .one-collection::before {
    content: attr(data-title);
    width: fit-content;
    background-color: rgba(233, 231, 224, 1);
    padding: 1px 4px 3px;
    font-family: 'Playfair Display';
    font-weight: 600;
    color: rgba(70, 70, 70, 1);
    font-size: 15px;
    line-height: 1;
    letter-spacing: 0%;
    text-align: center;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -20px;
}

</style>

<div class='collections-display'>

<div class='one-collection' data-title='название коллекции'>

<div><img src='https://upforme.ru/uploads/001c/c4/83/6/643093.png'>
<span>— отметиться в любой теме игры
— 20 реклам
— сделать покупку в магазине
</span>
</div>

<div><img src='https://upforme.ru/uploads/001c/c4/83/6/643093.png'>
<span>— отметиться в любой теме игры
— 20 реклам
— сделать покупку в магазине
</span>
</div>

<div><img src='https://upforme.ru/uploads/001c/c4/83/6/643093.png'>
<span>— отметиться в любой теме игры
— 20 реклам
— сделать покупку в магазине
</span>
</div>

<div><img src='https://upforme.ru/uploads/001c/c4/83/6/643093.png'>
<span>— отметиться в любой теме игры
— 20 реклам
— сделать покупку в магазине
</span>
</div>

<div><img src='https://upforme.ru/uploads/001c/c4/83/6/643093.png'>
<span>— отметиться в любой теме игры
— 20 реклам
— сделать покупку в магазине
</span>
</div>

<div><img src='https://upforme.ru/uploads/001c/c4/83/6/643093.png'>
<span>— отметиться в любой теме игры
— 20 реклам
— сделать покупку в магазине
</span>
</div>

<div><img src='https://upforme.ru/uploads/001c/c4/83/6/643093.png'>
<span>— отметиться в любой теме игры
— 20 реклам
— сделать покупку в магазине
</span>
</div>

<div><img src='https://upforme.ru/uploads/001c/c4/83/6/643093.png'>
<span>— отметиться в любой теме игры
— 20 реклам
— сделать покупку в магазине
</span>
</div>

</div>

<div class='one-collection' data-title='название коллекции'>

<div><img src='https://upforme.ru/uploads/001c/c4/83/6/643093.png'>
<span>— отметиться в любой теме игры
— 20 реклам
— сделать покупку в магазине
</span>
</div>

<div><img src='https://upforme.ru/uploads/001c/c4/83/6/643093.png'>
<span>— отметиться в любой теме игры
— 20 реклам
— сделать покупку в магазине
</span>
</div>

<div><img src='https://upforme.ru/uploads/001c/c4/83/6/643093.png'>
<span>— отметиться в любой теме игры
— 20 реклам
— сделать покупку в магазине
</span>
</div>

<div><img src='https://upforme.ru/uploads/001c/c4/83/6/643093.png'>
<span>— отметиться в любой теме игры
— 20 реклам
— сделать покупку в магазине
</span>
</div>

<div><img src='https://upforme.ru/uploads/001c/c4/83/6/643093.png'>
<span>— отметиться в любой теме игры
— 20 реклам
— сделать покупку в магазине
</span>
</div>

<div><img src='https://upforme.ru/uploads/001c/c4/83/6/643093.png'>
<span>— отметиться в любой теме игры
— 20 реклам
— сделать покупку в магазине
</span>
</div>

<div><img src='https://upforme.ru/uploads/001c/c4/83/6/643093.png'>
<span>— отметиться в любой теме игры
— 20 реклам
— сделать покупку в магазине
</span>
</div>

<div><img src='https://upforme.ru/uploads/001c/c4/83/6/643093.png'>
<span>— отметиться в любой теме игры
— 20 реклам
— сделать покупку в магазине
</span>
</div>

</div></div>[/html]

[html]
<div class='collections-display'>

<!-- Сумерки -->
<div class='one-collection' data-title='Сумерки'>
    <div><img src='https://upforme.ru/uploads/001c/c4/83/6/643093.png'>
        <span>— отметиться в любой теме игры
— 20 реклам
— сделать покупку в магазине</span>
    </div>
    <div><img src='https://upforme.ru/uploads/001c/c4/83/6/751715.png'>
        <span>— носить сутки во флуде маску эдварда-яйца
— написать 10 фактов о себе
— накопить 3000$</span>
    </div>
    <div><img src='https://upforme.ru/uploads/001c/c4/83/6/894662.png'>
        <span>— поставить аватар относительно характера персонажа
— в посте попасть под грозу
— написать топ 5 секси игроков во флуде и объяснить выбор</span>
    </div>
    <div><img src='https://upforme.ru/uploads/001c/c4/83/6/346735.png'>
        <span>— подарить 4 подарка
— во флуде в 3 людей спросить, можно ли у них пожить
— открыть эпизод</span>
    </div>
    <div><img src='https://upforme.ru/uploads/001c/c4/83/6/412254.png'>
        <span>— подарить графику или подарок
— использовать в посте слово «чикаго»
— попросить любого игрока дать тебе задание и выполнить его</span>
    </div>
    <div><img src='https://upforme.ru/uploads/001c/c4/83/6/491549.png'>
        <span>— в теме флуда написать «10 причин влюбиться в Чилл»
— оформить профиль под цвет дизайна
— заявка на нужного или в хотим видеть</span>
    </div>
    <div><img src='https://upforme.ru/uploads/001c/c4/83/6/120932.png'>
        <span>— накопить 5000$
— получить 1 награду
— в посте испачкаться шоколадом</span>
    </div>
    <div><img src='https://upforme.ru/uploads/001c/c4/83/6/655516.png'>
        <span>— оставить 15 реклам
— набить 50 соо за 1 день
— подарить подарок игроку</span>
    </div>
</div>

<!-- Зачарованные -->
<div class='one-collection' data-title='Зачарованные'>
    <div><img src='https://upforme.ru/uploads/001c/c4/83/6/635411.png'>
        <span>— в теме флуда в течение 15 минут уговаривать человека продать тебе его профиль
— подраться в посте
— отметиться в любой теме игры</span>
    </div>
    <div><img src='https://upforme.ru/uploads/001c/c4/83/6/585735.png'>
        <span>— написать 10 фактов о себе
— пить за любовь во флуде
— сделать профиль в стиле «Чикаго 90-х»</span>
    </div>
    <div><img src='https://upforme.ru/uploads/001c/c4/83/6/58986.png'>
        <span>— в теме флуда написать топ 5 фильмов и коротко почему
— получить 2 награды
— подарить фон профиля</span>
    </div>
    <div><img src='https://upforme.ru/uploads/001c/c4/83/6/841820.png'>
        <span>— поставить сексуальную аватарку
— отметиться во всех игровых темах
— набить 50 соо за 1 день</span>
    </div>
    <div><img src='https://upforme.ru/uploads/001c/c4/83/6/789053.png'>
        <span>— напишите, какую суперсилу хотели бы
— целоваться в посте или думать об этом
— оставить 10 реклам</span>
    </div>
    <div><img src='https://upforme.ru/uploads/001c/c4/83/6/10245.png'>
        <span>— в теме флуда написать топ 5 сериалов или книг и коротко почему
— оставить 20 реклам
— подарить иконку в профиль</span>
    </div>
    <div><img src='https://upforme.ru/uploads/001c/c4/83/6/593365.png'>
        <span>— топ-5 любимых песен
— ущипнуть кого-то за задницу в посте
— открыть эпизод</span>
    </div>
    <div><img src='https://upforme.ru/uploads/001c/c4/83/6/966607.png'>
        <span>— сделать покупку в магазине
— получить подарок от другого игрока
— написать 5 фактов о персонаже</span>
    </div>
</div>

<!-- Дисней -->
<div class='one-collection' data-title='Дисней'>
    <div><img src='https://upforme.ru/uploads/001c/c4/83/6/818625.png'>
        <span>— признание в любви кому угодно или чему угодно
— изображать принцессу во флуде
— обновить весь профиль в магазине</span>
    </div>
    <div><img src='https://upforme.ru/uploads/001c/c4/83/6/416793.png'>
        <span>— подарить кому-то иконку
— орать кому-то на ухо в посте
— участие в конкурсе</span>
    </div>
    <div><img src='https://upforme.ru/uploads/001c/c4/83/6/401711.png'>
        <span>— сделать подарок игроку из магазина
— написать любимые мультики во флуде
— уговорить игрока продать его голос за подарок</span>
    </div>
    <div><img src='https://upforme.ru/uploads/001c/c4/83/6/970112.png'>
        <span>— в теме флуда сделать комплимент 5 людям
— набить 3 поста в профиле
— подарок любому игроку</span>
    </div>
    <div><img src='https://upforme.ru/uploads/001c/c4/83/6/360245.png'>
        <span>— в посте пролить на себя напиток
— в течение 10 минут в теме флуда утверждать, что вас не замечают
— петь песни 90-х во флуде</span>
    </div>
    <div><img src='https://upforme.ru/uploads/001c/c4/83/6/908397.png'>
        <span>— оставить 15 реклам
— надеть аватар персонажа из мультика на сутки
— купить иконку дисней в магазине</span>
    </div>
    <div><img src='https://upforme.ru/uploads/001c/c4/83/6/285650.png'>
        <span>— участие в конкурсе
— оформить профиль под цвет дизайна
— в посте использовать фразу из мультика</span>
    </div>
    <div><img src='https://upforme.ru/uploads/001c/c4/83/6/398906.png'>
        <span>— в теме флуда задать 5 людям вопрос «ты тоже слышишь эти голоса?»
— написать про вашего любимого злодея
— участие в конкурсе</span>
    </div>
</div>

</div>
[/html]