.img-comp {
  margin-inline: auto;
}

.img-comp__stage {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
}

.img-comp .img {
  position: absolute;
  border-radius: 50%;
  overflow: hidden;
}

.img-comp .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.img--top {
  width: 52%;
  aspect-ratio: 1 / 1;
  top: 0;
  left: 0;
}

.img--bottom {
  width: 40%;
  aspect-ratio: 1 / 1;
  bottom: 6%;
  right: 4%;
}

.dot {
  position: absolute;
  border-radius: 50%;
}

.dot--yellow {
  width: 20%;
  aspect-ratio: 1 / 1;
  background: #ffc800;
  left: 24%;
  bottom: 15% !important;
}

.bird {
  position: absolute;
  width: 15%;
  height: auto;
}

.bird--one {
  top: 39%;
  left: 68%;
}

.bird--two {
  top: 18%;
  right: 10%;
}

@media (max-width: 768px) {
  .img--top {
    width: 62%;
    aspect-ratio: 1 / 1;
    top: -21px;
    left: -22px;
  }
}