/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.4_webpack@5.108.4/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/.pnpm/postcss-loader@8.2.1_postcss@8.5.16_typescript@5.9.3_webpack@5.108.4/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/.pnpm/sass-loader@17.0.0_sass@1.101.0_webpack@5.108.4/node_modules/sass-loader/dist/cjs/index.js??ruleSet[1].rules[1].use[3]!./components/blocks/zwevende-afbeelding/styles/src/zwevende-afbeelding.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.floating-image{
  height:0;
  left:50%;
  margin-left:-50vw;
  margin-right:-50vw;
  max-width:100vw;
  position:relative;
  right:50%;
  width:100vw;
  width:auto;
  z-index:-1;
}
.floating-image__img{
  height:auto;
  left:0;
  position:absolute;
  top:50%;
  transform:translateY(var(--translate-y, -50%));
  width:auto;
}
.floating-image.align-right .floating-image__img{
  left:unset;
  right:0;
}

/*! Add Soul */
/*# sourceMappingURL=zwevende-afbeelding.css.map*/