.block.block-text-with-image {
  --gap: var(--spacing);
  display: grid;
  width: 100%;
  gap: var(--gap);
}
.block.block-text-with-image .text > div {
  max-width: 35rem;
}
@media only screen and (max-width: 55.999rem) {
  .block.block-text-with-image.container-full {
    gap: 0;
  }
  .block.block-text-with-image.container-full > .text {
    padding: var(--gutter);
  }
}
@media only screen and (min-width: 56rem) {
  .block.block-text-with-image {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }
  .block.block-text-with-image.has-no-gap {
    --gap: 0;
  }
  .block.block-text-with-image.has-normal-gap {
    --gap: 2rem;
  }
  .block.block-text-with-image.has-large-gap {
    --gap: var(--gap-large);
  }
  .block.block-text-with-image .image img {
    width: 100%;
  }
  .block.block-text-with-image.container-full > .text {
    padding-inline: var(--gap);
  }
  .block.block-text-with-image.container-full.has-no-gap > .text {
    padding-block: var(--padding);
  }
  .block.block-text-with-image.container-full.has-image-right .image.is-shape-rounded,
  .block.block-text-with-image.container-full.has-image-right .image.is-shape-elliptical {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .block.block-text-with-image.container-full.has-image-right > .text {
    padding-inline-end: 0;
  }
  .block.block-text-with-image.container-full.has-image-left .image.is-shape-rounded,
  .block.block-text-with-image.container-full.has-image-left .image.is-shape-elliptical {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .block.block-text-with-image.container-full.has-image-left > .text {
    padding-inline-start: 0;
  }
  .block.block-text-with-image.container-full.has-image-right > .text > div {
    margin-inline-start: auto;
  }
  .block.block-text-with-image.is-ratio-2-3 {
    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
  }
  .block.block-text-with-image.is-ratio-3-2 {
    grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
  }
  .block.block-text-with-image.has-image-fit > .image {
    position: relative;
  }
  .block.block-text-with-image.has-image-fit > .image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .block.block-text-with-image.has-image-fit > .text {
    padding-block: var(--padding);
  }
  .block.block-text-with-image.has-image-right > .image {
    order: 1;
  }
  .block.block-text-with-image.is-align-top:not(.has-image-fit) {
    align-items: flex-start;
  }
  .block.block-text-with-image.is-align-middle:not(.has-image-fit) {
    align-items: center;
  }
  .block.block-text-with-image.is-align-bottom:not(.has-image-fit) {
    align-items: flex-end;
  }
}