.block-banner-image-w-cta .text-wrapper {
  height: 100%;
  width: 100%;
  top: -50%;
  left: -50%;
  transform: translate(50%, 50%);
  text-align: center;
  z-index: 1;
}

.block-banner-image-w-cta .image-wrapper {
  width: 100%;
  height: 100%;
  /* aspect-ratio: 160 / 88; */
  aspect-ratio: 1;
}

.block-banner-image-w-cta .overlay {
  height: 100%;
  opacity: 12%;
  background: #0a3c14;
  border-radius: 32px;
}

.block-banner-image-w-cta .btn-primary,
.block-banner-image-w-cta .btn-secondary {
  width: 100%;
}

.block-banner-image-w-cta .btn-flex-container {
  gap: 10px;
}

@media screen and (min-width: 768px) {
  .block-banner-image-w-cta .btn-flex-container {
    gap: var(--size-3);
  }

  .block-banner-image-w-cta .text-wrapper {
    text-align: left;
  }

  .block-banner-image-w-cta .btn-primary,
  .block-banner-image-w-cta .btn-secondary {
    width: unset;
  }

  .block-banner-image-w-cta .image-wrapper {
    aspect-ratio: 2;
  }
}

/* @media screen and (min-width: 850px) {
  .block-banner-image-w-cta .image-wrapper {
    aspect-ratio: 250 / 88;
  }
} */

@media screen and (min-width: 1025px) {
  .block-banner-image-w-cta .image-wrapper {
    width: 100%;
    height: 100%;
    aspect-ratio: 170 / 88;
  }
}

@media screen and (min-width: 1200px) {
  .block-banner-image-w-cta .image-wrapper {
    /* aspect-ratio: 308 / 83; */
    aspect-ratio: 270 / 105;
  }
}

.block-banner-image-w-cta .image-wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 32px;
}