.about-v7__info {
  text-align: center !important;
}

.about-v7__title {
  font-size: clamp(3.5rem, calc(0.375vw + 3.35rem), 3.8rem);
  font-weight: 500;
  color: rgba(var(--color-foreground));
}

.about-v7__img-top {
  height: 100%;
}

.about-v7__sub-title {
  font-size: calc(var(--font-body-scale) * 1.6rem);
  line-height: calc(1 + 0.5 / var(--font-body-scale));
  color: rgba(var(--color-foreground), 0.6);
}

.about-v7__wrap {
  margin-top: 5rem;
}

.about-v7__img-left {
  width: 100%;
  height: 100%;
}

.about-v7__img-big {
  height: 100%;
}
.about-v7__img-big .xo-image {
  height: 100%;
}
.about-v7__img-big img {
  overflow: hidden;
  transition: 0.5s;
  height: 100%;
  width: 100%;
}

.about-v7__img-box {
  flex: 1;
  height: 100%;
}

.about-v7__img-block {
  display: block;
  height: 100%;
}
.about-v7__img-block .xo-image {
  height: 100%;
}

.about-v7__img-big:hover {
  transition: 0.5s;
}
.about-v7__img-big:hover img {
  transition: 0.5s;
  transform: scale(1.1);
  filter: grayscale(100%);
}

.about-v7__img-right {
  width: 100%;
  height: 100%;
}

.about-v7__img-small {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.about-v7__img-small img {
  height: 100%;
  width: 100%;
}
@media (min-width: 576px) {
  .about-v7__img-small {
    gap: 3rem;
  }
}

.about-v7__img-top img {
  overflow: hidden;
  transition: 0.5s;
  height: 100%;
  width: 100%;
}

.about-v7__img-top:hover img {
  transition: 0.5s;
  transform: scale(1.1);
  filter: grayscale(100%);
}