[html]<div class="cake-guestroom">
<div class="cake-guestroom-bckg">
  <div class="cake-guestroom-field">
    <img src="https://i.postimg.cc/3RvHtD06/gs-2-copy.png">
    <div class="text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
<div class="descr-links">
<div class="descr-links-button">
<a href="url">роли</a>
</div>
<div class="descr-links-button-black">
<a href="url">правила</a>
</div>
<div class="descr-links-button">
<a href="url">нужные</a>
</div>
</div>
    <div class="guys">
      <p class="guys-legend">guys</p>
      <div class="guys-roles-box">
        <div class="guys-roles">
        <p class="date">до 18.12</p>
        <p class="role">brooke lynn hytes - <a href="url">juju</a>
        <p class="role">vanessa vanjie mateo - <a href="url">jinx</a>
        </div>
      </div>
    </div>
    <div class="girls">
      <p class="girls-legend">girls</p>
      <div class="girls-roles-box">
        <div class="girls-roles">
        <p class="date">до 18.12</p>
        <p class="role">maya hawke - <a href="url">juju</a>
        <p class="role">camila mendes - <a href="url">jinx</a>
        <p class="role">maya hawke - <a href="url">juju</a>
        <p class="role">camila mendes - <a href="url">jinx</a>
          <p class="role">maya hawke - <a href="url">juju</a>
        <p class="role">camila mendes - <a href="url">jinx</a>
          <p class="date">до 18.12</p>
          <p class="role">maya hawke - <a href="url">juju</a>
        <p class="role">camila mendes - <a href="url">jinx</a>
          <p class="role">maya hawke - <a href="url">juju</a>
        <p class="role">camila mendes - <a href="url">jinx</a>
          <p class="role">maya hawke - <a href="url">juju</a>
        <p class="role">camila mendes - <a href="url">jinx</a>
        </div>
      </div>
    </div>
  </div>
</div>
</div>

<style>
.cake-guestroom {
width: 650px;
height: 500px;
position: relative;
left: 40px;
}

.cake-guestroom-bckg {
background: url(https://i.postimg.cc/jdn1Vr8V/bbg.png);
background-repeat: no-repeat;
background-size: cover;
width: 580px;
height: 450px;
position: absolute;
border-radius: 50px;
}

.cake-guestroom-field {
background: url(https://i.imgur.com/gjY5myy.png);
background-repeat: no-repeat;
background-position: bottom center;
background-size: contain;
background-color: #fff;
  top: 0;
right: 0;
position: absolute;
    border: var(--main-grey-border);
border-radius: 50px;
width: 600px;
height: 450px;
margin-top: 25px;
left: -12px;
}

.cake-guestroom-field img {
top: 0;
left: 0;
margin: 20px;
}

.cake-guestroom-field .text {
position: absolute;
top: 0;
right: 0;
font-size: 10px;
width: 250px;
height: 115px;
padding-top: 40px;
padding-right: 30px;
}

.cake-guestroom-field .descr-links {
position: absolute;
width: 260px;
top: 160px;
right: 15px;
}

.cake-guestroom-field .guys {
position: absolute;
width: 240px;
height: 200px;
left: 0;
bottom: 0;
margin: 30px;
padding: 15px;
}

.cake-guestroom-field .girls {
position: absolute;
width: 240px;
height: 200px;
right: 0;
bottom: 0;
margin: 30px;
padding: 15px;
}

.guys p.guys-legend, .girls p.girls-legend {
  text-align: center;
  font-size: 14px;
}

.guys-roles-box, .girls-roles-box {
  background-color: var(--topic-boxes-color);
  border-radius: 20px;
  width: 230px;
  height: 170px;
  margin: 0 auto;
  padding: 5px 15px;
  box-sizing: border-box;
}

.guys-roles, .girls-roles {
  text-align: center;
  overflow-y: scroll;
  height: 160px;
  width: 100%;
}

.guys-roles::-webkit-scrollbar {width:2px; height:4px; background-color: var(--topic-boxes-color);}
.guys-roles::-webkit-scrollbar-thumb {background:#e5e5e5;}
.girls-roles::-webkit-scrollbar {width:2px; height:4px; background-color: var(--topic-boxes-color);}
.girls-roles::-webkit-scrollbar-thumb {background:#e5e5e5;}

p.date {
  font-size: 8px;
  color: var(--font-light-color);
}

p.role {
  font-size: 10px;
  line-height: 3px!important;
}
</style>[/html]

[html]<table class="cake-roles">
<thead>
  <tr>
    <th>guys</th>
    <th>girls</th>
  </tr>
</thead>
<tbody>
  <tr>
    <td colspan="2">A - B - C - D</td>
  </tr>
  <tr>
    <td>brooke lynn hytes - брок хейхо</td>
    <td>camila mendes - камила мендес</td>
  </tr>
  <tr>
    <td colspan="2">E - F - G - H</td>
  </tr>
  <tr>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td colspan="2">I - J - K - L</td>
  </tr>
  <tr>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td colspan="2">M - N - O - P</td>
  </tr>
  <tr>
    <td></td>
    <td>maya hawke - майя хоук</td>
  </tr>
  <tr>
    <td colspan="2">Q - R - S - T</td>
  </tr>
  <tr>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td colspan="2">U - V - W</td>
  </tr>
  <tr>
    <td>vanessa vanjie mateo - хосе кансель</td>
    <td></td>
  </tr>
  <tr>
    <td colspan="2">X - Y - Z</td>
  </tr>
  <tr>
    <td></td>
    <td></td>
  </tr>
</tbody>
</table>[/html]