/*!*****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/paragraph/image/image.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************/
.paragraph--image {
  border-radius: 30px;
  overflow: hidden;
}
.paragraph--image .paragraph__image {
  overflow: hidden;
  position: relative;
}
.paragraph--image .image-aspect--landscape figure, .paragraph--image .image-aspect--portrait figure, .paragraph--image .image-aspect--square figure {
  position: absolute;
  inset: 0;
}
.paragraph--image .image-aspect--landscape figure img, .paragraph--image .image-aspect--portrait figure img, .paragraph--image .image-aspect--square figure img {
  --img-object-fit:cover;
  --img-height:100%;
  --img-width:100%;
}
.paragraph--image .image-aspect--landscape {
  aspect-ratio: 4/3;
}
.paragraph--image .image-aspect--portrait {
  aspect-ratio: 3/4;
}
.paragraph--image .image-aspect--square {
  aspect-ratio: 1/1;
}