08/12/2024

<div class="block1 dark top">
  <div class="block2 light top">
    <div class="block3 dark top"></div>
  </div>
</div>
<div class="block1 light">
  <div class="block2 dark">
    <div class="block3 light"></div>
  </div>
</div>
<style>
  body {margin: 0}
  .dark {background: #6255AA}
  .light {background: #DBD7F6}
  div {display: flex; justify-content: center}
  .top {align-items: end}
  .block1 {width: 100%; height: 50%}
  .block2 {width: 62.5%; height: 66.5%}
  .block3 {width: 40%; height: 50%}
</style>