.banner-v8__image {
  position: relative;
  border-radius: var(--radius);
  overflow: hidden;
}
.banner-v8__image img {
  max-height: 100dvh;
  min-height: 35rem;
}

.banner-v8__content {
  position: absolute;
  z-index: 1;
  left: 14rem;
  bottom: 3rem;
  display: flex;
  flex-direction: column;
  text-transform: uppercase;
  text-align: right;
}
@media (max-width: 575px) {
  .banner-v8__content {
    left: 0;
    right: 0;
    bottom: 2rem;
    padding: 0 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

.banner-v8__text1,
.banner-v8__text2 {
  max-width: fit-content;
  font-weight: 500;
  color: #fff;
  font-size: clamp(2rem, calc(5vw + 0rem), 6rem);
  line-height: 1.3;
  letter-spacing: 0.3rem;
  padding: 0 1rem;
  background-repeat: no-repeat;
  background-image: linear-gradient(to bottom, transparent 12%, rgba(var(--color-accent)) 12%, rgba(var(--color-accent)) 86%, transparent 86%);
}

.banner-v8__text2 {
  background-image: linear-gradient(to bottom, transparent 12%, #fff 12%, #fff 86%, transparent 86%);
  color: #000;
  font-size: clamp(1.7rem, calc(2.875vw + 0.55rem), 4rem);
}

@media (min-width: 992px) {
  .banner-v8__image--mobile {
    display: none;
  }
  .banner-v8__image--desk {
    display: block;
  }
}
@media (max-width: 991px) {
  .banner-v8__image--desk {
    display: none;
  }
  .banner-v8__image--mobile {
    display: block;
  }
}