@layer components-entities{.card-with-image{border-radius:var(--br4)}.card-with-image__image-wrapper{overflow:hidden;margin-bottom:20px;border-radius:var(--br4)}@media screen and (max-width: 1279px){.card-with-image__image-wrapper{margin-bottom:12px}}.card-with-image__image{-o-object-fit:cover;object-fit:cover;transition:transform 0.4s}.card-with-image_small .card-with-image__image{aspect-ratio:1/.64}@media screen and (max-width: 1279px){.card-with-image_small .card-with-image__image{aspect-ratio:1/.9}}.card-with-image_medium .card-with-image__image{aspect-ratio:1/.92}@media screen and (max-width: 1279px){.card-with-image_medium .card-with-image__image{aspect-ratio:1/.9}}.card-with-image_big .card-with-image__image{aspect-ratio:1/1.18}@media screen and (max-width: 1279px){.card-with-image_big .card-with-image__image{aspect-ratio:1/.9}}.card-with-image_origin .card-with-image__image{aspect-ratio:1/1.04}@media screen and (max-width: 1919px){.card-with-image_origin .card-with-image__image{aspect-ratio:1/1.25}}@media screen and (max-width: 1599px){.card-with-image_origin .card-with-image__image{aspect-ratio:1/1.58}}@media screen and (max-width: 1279px){.card-with-image_origin .card-with-image__image{aspect-ratio:1/1.09}}.card-with-image_bg-image{position:relative}.card-with-image_bg-image .card-with-image__image{position:relative}.card-with-image_bg-image figcaption{position:absolute;top:0;padding:20px}.card-with-image_gray{background:var(--gray)}.card-with-image_primary-blue{background:var(--primary-blue)}.card-with-image_flex-image{height:100%}.card-with-image_flex-image .card-with-image__image{margin-bottom:54px}@media screen and (max-width: 1279px){.card-with-image_flex-image .card-with-image__image{margin-bottom:40px}}@media screen and (max-width: 1023px){.card-with-image_flex-image .card-with-image__image{width:366px;margin-bottom:0}}@media screen and (max-width: 767px){.card-with-image_flex-image .card-with-image__image{width:100%;margin-bottom:38px}}.card-with-image_flex-image figure{display:flex;flex-direction:column;height:100%}@media screen and (max-width: 1023px){.card-with-image_flex-image figure{flex-direction:row}}@media screen and (max-width: 767px){.card-with-image_flex-image figure{flex-direction:column}}.card-with-image_flex-image .card-with-image__figuration{margin-top:auto}.card-with-image_without-aspect-ratio .card-with-image__image{aspect-ratio:auto}.card-with-image:hover .card-with-image__image{transform:scale(1.13)}}
