.image-with-text-section {
  word-break: break-word;
  background-color: rgb(var(--color-background));
}
.image-with-text__image {
  position: relative;
  display: flex;
}
.image-with-text__image > img {
  max-width: 100%;
  height: auto;
  aspect-ratio: var(--aspect-ratio);
  object-fit: cover;
}
.image-with-text__image .hover-scale__image {
  width: 100%;
}
.image-with-text__image .empty-image-class {
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgb(var(--color-image-background));
}
.image-with-text__subheading {
  font-size: var(--body3-font-size);
  text-transform: uppercase;
  letter-spacing: 0.3em;
}
.image-with-text__button {
  max-width: 100%;
  padding-block-start: 0;
}
.image-with-text__button .button {
  word-break: break-all;
  white-space: normal;
}

.image-with-text__group {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
}

.image-with-text__heading {
  max-width: 520px;
  font-size: 28px !important;
  font-weight: 500;
  line-height: 1.18;
  letter-spacing: -0.015em;
}

.image-with-text__rich-text {
  max-width: 520px;
  color: rgb(var(--color-light-text));
  font-size: 13px;
  line-height: 1.65;
}

.image-with-text__button .button {
  min-height: 40px;
  padding-inline: 20px;
  color: #fff !important;
  background: #b85f3b !important;
  border-color: #b85f3b !important;
  border-radius: 3px;
  font-size: 11.5px;
}

.image-with-text__button .button:hover {
  color: #fff !important;
  background: #9f4f31 !important;
  border-color: #9f4f31 !important;
}

@media (max-width: 959px) {
  .image-with-text__heading {
    font-size: 22px !important;
  }

  .image-with-text__rich-text {
    font-size: 12px;
  }
}