.half-and-half {
  display: grid;
  align-content: center;
}

.half-and-half-text {
    display: flex;
    align-items: center;
    justify-content: start;
}

.half-and-half-text__wrapper {
    padding-block: 55px;
    padding-inline: 20px;
}

@media (min-width: 800px) {

  .half-and-half-text__wrapper {
      max-width: 625px;
  }
}

.half-and-half-image {
    position: relative;
    height: 250px
}


@media (min-width: 600px) {
  .half-and-half-image {
      height: 300px
  }
  .half-and-half-text__wrapper {
    padding-block: 40px;
  }
}


.half-and-half-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.half-and-half.off-white {
    background-color: #EFF2EB;
}

@media (min-width: 800px) {
  .half-and-half {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }

  .half-and-half-image {
    position: relative;
    height: auto;
  }

  .half-and-half-text__wrapper {
    padding-block: 80px;
  }

  .half-and-half.right {
    grid-auto-flow: dense;
  }

  .left .half-and-half-text {
      grid-row: 1 / 2;
      justify-content: end;
  }
}