.two-images {
  position: relative;
}
.two-images .circle {
  --top: 50%;
  --left: 20%;
}
.two-images--1 {
  --top-1: 0;
  --left-1: 0;
  --right-1: auto;
  --bottom-1: 10%;
  --top-2: auto;
  --left-2: auto;
  --right-2: 0;
  --bottom-2: -5%;
  --margin-1: 0;
}
.two-images--2 {
  --top-1: auto;
  --left-1: auto;
  --right-1: 0;
  --bottom-1: 0;
  --top-2: -3%;
  --left-2: 0;
  --right-2: auto;
  --bottom-2: auto;
  --margin-1: 0 0 0 auto;
}
.two-images--2 .circle {
  --top: 25%;
  --left: -10%;
}
.two-images--3 {
  --top-1: auto;
  --left-1: -10%;
  --right-1: auto;
  --bottom-1: auto;
  --top-2: 6%;
  --left-2: auto;
  --right-2: -3%;
  --bottom-2: auto;
  --margin-1: 0 auto;
}
.two-images--3 .circle {
  --top: -5%;
  --left: 10%;
}
.two-images__item {
  aspect-ratio: 1/1;
  overflow: hidden;
  position: relative;
}
.two-images__item img {
  border-radius: 50%;
}
.two-images__item--large {
  width: 75%;
  max-width: 600px;
  top: var(--top-1);
  left: var(--left-1);
  right: var(--right-1);
  bottom: var(--bottom-1);
  margin: var(--margin-1);
}
.two-images__item--small {
  width: 45%;
  max-width: 300px;
  position: absolute;
  top: var(--top-2);
  left: var(--left-2);
  right: var(--right-2);
  bottom: var(--bottom-2);
  z-index: 2;
}