/* -------------------
  Colors
------------------- */
/* -------------------
  Fonts
------------------- */
/* -------------------
  Breakpoints
------------------- */
/* -------------------
  Sizes
------------------- */
/* -------------------
  Mixins
------------------- */
.article-content .block.block-image {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 4fr;
  grid-gap: 2rem;
  padding: 4rem 0;
}
@media (max-width: 768px) {
  .article-content .block.block-image {
    display: block;
    padding: 3rem 0;
  }
}
@media (max-width: 768px) {
  .article-content .block.block-image {
    padding: 2rem 0;
  }
}
@media (max-width: 480px) {
  .article-content .block.block-image {
    width: calc(100% + 2rem);
  }
}
.article-content .block.block-image figure {
  width: 100%;
  margin: 0;
  background-position: 30% !important;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (max-width: 768px) {
  .article-content .block.block-image figure:not(.full) {
    display: none;
  }
}
.article-content .block.block-image figure.p15 {
  background-position: 15% !important;
}
.article-content .block.block-image figure.p30 {
  background-position: 30% !important;
}
.article-content .block.block-image figure img {
  width: 100%;
  display: block;
}

/*# sourceMappingURL=blockImage.css.map */