/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/deprecated_CC2-377_article-img/scss/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
.article-img-col.has-background .article-img {
  display: flex;
  align-items: flex-end;
  background: linear-gradient(225deg, var(--ds-semantic-color-accent1-surface-subtlest) 0%, var(--ds-semantic-color-accent1-surface-medium) 100%);
}
.article-img-col.has-background .article-img picture {
  width: 87.5%;
}
.article-img-col.has-background .article-img picture img {
  width: 100%;
}
.article-img-col.has-background:first-child .article-img {
  justify-content: flex-end;
}
.article-img-col.has-background:first-child .article-img img {
  border-top-left-radius: 0.75rem;
}
.article-img-col.has-background:not(:first-child) .article-img img {
  border-top-right-radius: 0.75rem;
}
.article-img-col .article-img {
  margin: 0;
  aspect-ratio: 1/1;
  width: 85%;
  height: -moz-fit-content;
  height: fit-content;
  border-radius: 0.75rem;
  overflow: hidden;
}
.article-img-col .article-img img {
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
@media screen and (max-width: 600px) {
  .article-img-col.has-background .article-img {
    justify-content: flex-end;
  }
}

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