.intro-side {
  display: flex;
  flex-direction: column;
  align-self: stretch;
}

.intro-handshake {
  display: block;
  width: 100%;
  height: 230px;
  margin-top: 42px;
  object-fit: cover;
  object-position: center;
  filter: brightness(1.08) contrast(.9) saturate(.86);
  -webkit-mask-image: radial-gradient(ellipse at center, #000 42%, rgba(0, 0, 0, .82) 62%, rgba(0, 0, 0, .28) 80%, transparent 100%);
  mask-image: radial-gradient(ellipse at center, #000 42%, rgba(0, 0, 0, .82) 62%, rgba(0, 0, 0, .28) 80%, transparent 100%);
}

@media (max-width: 900px) {
  .intro-handshake {
    height: auto;
    aspect-ratio: 16 / 7;
    margin-top: 28px;
  }
}

@media (max-width: 560px) {
  .intro-handshake {
    aspect-ratio: 16 / 9;
  }
}