.text-quote {
  padding-block: 96px;
  display: flex;
  gap: 48px;
}
@media screen and (max-width: 900px) {
  .text-quote {
    padding-block: 64px;
    display: block;
  }
}
.text-quote__image-container {
  flex: 1 1 50%;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 900px) {
  .text-quote__image-container {
    margin-bottom: 40px;
  }
}
.text-quote__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  z-index: 1;
}
@media screen and (max-width: 900px) {
  .text-quote__image {
    position: static;
    aspect-ratio: 1/1;
  }
}
.text-quote__text {
  flex: 1 1 50%;
  border-bottom: var(--border-blue-6);
}