[html]
<characters__mb>
<characters__m>

<s_1>
<persona><img src="https://i.imgur.com/udjWYSP.gif"><name>mamà</name> <fc>melika foroutan</fc></persona>
<persona><img src="https://i.imgur.com/aKFcOxR.gif"><name>papà</name> <fc>vladimir yaglych</fc></persona>
<persona><img src="https://i.imgur.com/PNI07a6.gif"><name>kas</name> <fc>nick  slater</fc></persona>
<persona><img src="https://i.imgur.com/8ec6AGc.gif"><name>louis</name> <fc>jack lowden</fc></persona>
</s_1>

<s_2>
<persona><img src="https://i.imgur.com/1wS2j4J.gif"><name>sasha</name> <fc>sergey novosad</fc></persona>
<persona><img src="https://i.imgur.com/2tyXpSV.gif"><name>oddi</name> <fc>gabriella wilde</fc></persona>
<persona><img src="https://i.imgur.com/HFxB5BS.gif"><name>ginny</name> <fc>ellie bamber</fc></persona>
<persona><img src="https://i.imgur.com/YVMM1RB.gif"><name>arti</name> <fc>louis partridge</fc></persona>
</s_2>

<s_3>
<persona><img src="https://i.imgur.com/JQbrRpH.gif"><name>juli</name> <fc>mackenzie foy</fc></persona>
<persona><img src="https://i.imgur.com/W7lkujr.gif"><name>villi</name> <fc>tamzin merchant</fc></persona>
<persona><img src="https://i.imgur.com/PKHUSGu.gif"><name>marianna</name> <fc>imogen waterhouse</fc></persona>
<persona><img src="https://i.imgur.com/yP1lpn4.gif"><name>sergeant</name> <fc>kirill chernyshenko</fc></persona>
</s_3>

<s_4>
<persona><img src="https://i.imgur.com/w6j8aDz.gif"><name>chancellor</name> <fc>rufus sewell</fc></persona>
<persona><img src="https://i.imgur.com/gc69FsH.gif"><name>helen</name> <fc>lea seydoux</fc></persona>
<persona><img src="https://i.imgur.com/DuNrh1u.gif"><name>character</name></persona>
<persona><img src="https://i.imgur.com/DuNrh1u.gif"><name>character</name></persona>
</s_4>

</characters__m>
</characters__mb>

<style>

characters__mb {
    width: 50em;
    height: auto;
    display: block;
    padding: 2em 2em 0em 2em;
    margin: auto auto !important;
    box-sizing: border-box;
    background: #dedede;
    background-image: url(https://i.imgur.com/OTNp7tc.png);
    background-size: 90%;
    box-shadow: inset 0 0 0 1px #ffffff8c, inset 0 0 20px 0px #515151, 0 0 0 1px #a8a8a8;
}

characters__m {
    display: block;
    padding: 2em;
    box-sizing: border-box;
    border-radius: 1em;
}

characters__m > s_1, characters__m > s_2, characters__m > s_3, characters__m > s_4 {
    display: flex;
    justify-content: center;
    margin-bottom: 2em !important;
}

characters__mb persona {
    display: flex;
    flex-direction: column;
    margin: 0 2em 0 2em !important;
}

characters__mb img {
    width: 80px;
    border-radius: 4em;
}

characters__mb persona name {
    text-align: center;
    font-size: 1.2em;
    font-family: serif;
    font-weight: bold;
    text-transform: uppercase;
    margin: 1em 0 0 0 !important;
}

persona > fc {
    text-align: center;
    font-family: arial;
    font-size: 0.8em;
    font-weight: bold;
    letter-spacing: 0.1em;
}

</style>

[/html]