.box-picture
  .box-picture__big
  .box-picture__small
View Compiled
body {
  padding: 40px 20px;
}

.box-picture {
  position: relative;
  width: 668px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  
  &__big {
    border-radius: 8px;
    width: 100%;
    background-color: #222;
    aspect-ratio: 1336 / 766;
  }
  
  &__small {
    border-radius: 8px;
    position: absolute;
    left: 0;
    bottom: 0;
    aspect-ratio: 268 / 456;
    width: 24%;
    transform: translateY(30%) translateX(-50%);
    background-color: #e9ecfc;
  }
}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.