/*!**********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/text-image-squares/style.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************/
.wp-block-klingit-basic-text-image-squares {
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.wp-block-klingit-basic-text-image-squares.image-contain .image-background img {
  -o-object-fit: contain;
     object-fit: contain;
}
.wp-block-klingit-basic-text-image-squares.image-cover .image-background img {
  -o-object-fit: cover;
     object-fit: cover;
}
.wp-block-klingit-basic-text-image-squares .image-background img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  display: block;
}
@media (min-width: 782px) {
  .wp-block-klingit-basic-text-image-squares {
    min-height: min(50vw, 1000px);
  }
  .wp-block-klingit-basic-text-image-squares .image-background {
    width: min(50%, 1000px);
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 0;
  }
  .wp-block-klingit-basic-text-image-squares .wp-block-klingit-basic-container > .wp-block-group {
    width: 50%;
    position: relative;
  }
}
@media (max-width: 781.98px) {
  .wp-block-klingit-basic-text-image-squares {
    flex-direction: column;
  }
  .wp-block-klingit-basic-text-image-squares .image-background {
    aspect-ratio: 1/1;
  }
}
@media (min-width: 782px) {
  .wp-block-klingit-basic-text-image-squares.align-left .image-background {
    left: 50%;
  }
  .wp-block-klingit-basic-text-image-squares.align-left .wp-block-klingit-basic-container > .wp-block-group {
    padding-right: 80px;
  }
}
@media (min-width: 782px) {
  .wp-block-klingit-basic-text-image-squares.align-right .image-background {
    left: initial;
    right: 50%;
  }
  .wp-block-klingit-basic-text-image-squares.align-right .wp-block-klingit-basic-container > .wp-block-group {
    padding-left: 80px;
    left: 50%;
  }
}

/*# sourceMappingURL=style-index.css.map*/