/* Malli: @include icon($facebook)*/
.image-container {
  max-width: 100%;
  position: relative; }
  .image-container .image {
    display: inline-block; }
    .image-container .image svg {
      width: 100%; }
  .image-container.width-set.height-set .image {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden; }
    .image-container.width-set.height-set .image img, .image-container.width-set.height-set .image svg {
      display: block;
      max-width: 100%;
      max-height: 100%;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0; }
.image-container.shape-round .image {
  border-radius: 50%;
  overflow: hidden; }
  .image-container.shape-round .image img, .image-container.shape-round .image svg {
    height: 100%;
    width: 100%;
    object-fit: cover; }
.image-container.align-left {
  text-align: left;
  margin: 0 auto 0 0; }
.image-container.align-center {
  text-align: center;
  margin: 0 auto; }
.image-container.align-right {
  text-align: right;
  margin: 0 0 0 auto; }
@media screen and (max-width: 63.9375em) {
  .image-container.mobile-align-left {
    text-align: left;
    margin: 0 auto 0 0; }
  .image-container.mobile-align-center {
    text-align: center;
    margin: 0 auto; }
  .image-container.mobile-align-right {
    text-align: right;
    margin: 0 0 0 auto; } }

.module-image.module-width-full-area .image-container {
  margin-left: -1.875rem;
  margin-right: -1.875rem;
  max-width: calc(100% + 3.75rem); }
@media screen and (max-width: 31.1875em) {
  .module-image.module-width-full-area .image-container {
    margin-left: -1.5625rem;
    margin-right: -1.5625rem;
    max-width: calc(100% + 3.125rem); } }
