gt-block-content-and-image {
  display: grid;
  width: 100%
}
@container (min-width:768px) {
  gt-block-content-and-image {
    grid-template-columns: calc(1% * var(--image-width,33)) auto;
    align-items: stretch
  }
}
gt-block-content-and-image .block-image > img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 200px;
  object-fit: cover;
  object-position: center
}
gt-block-content-and-image .acf-innerblocks-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(30px,5cqw,80px)
}
gt-block-content-and-image .acf-innerblocks-container > :first-child {
  margin-top: 0
}
gt-block-content-and-image .acf-innerblocks-container > :last-child {
  margin-bottom: 0
}
gt-block-content-and-image .acf-innerblocks-container :is(h1,h2,h3,h4,h5,h6) {
  color: inherit
}
gt-block-content-and-image .acf-innerblocks-container :is(h2):not(:last-child) {
  margin-bottom: .2em
}
gt-block-content-and-image .acf-innerblocks-container > * {
  width: 100%
}
@container (min-width:768px) {
  gt-block-content-and-image.image-right {
    grid-template-columns: auto calc(1% * var(--image-width,33))
  }
  gt-block-content-and-image.image-right .block-image {
    order: 1
  }
  gt-block-content-and-image.image-right .acf-innerblocks-container {
    order: 0
  }
}
gt-block-content-and-image.gt-block-content-and-image.alignfull {
  position: relative;
  left: 50%;
  right: 50%;
  width: 100cqw;
  max-width: unset;
  margin-left: -50cqw;
  margin-right: -50cqw
}
@container (min-width:1200px) {
  gt-block-content-and-image.gt-block-content-and-image.alignfull.image-left .acf-innerblocks-container {
    padding-right: calc((100cqw - clamp(240px,90cqw,1200px))/ 2)
  }
}
@container (min-width:1200px) {
  gt-block-content-and-image.gt-block-content-and-image.alignfull.image-right .acf-innerblocks-container {
    padding-left: calc((100cqw - clamp(240px,90cqw,1200px))/ 2)
  }
}