@include export-module('co-image-layout') {
  .co-image {
    font-family: $co-image-font-family;
    font-size: $co-image-font-size;
    display: flex;
    align-items: center;
    justify-content: center;
    height: $co-image-height;
    width: $co-image-width;
    img {
      width: 100%;
      height: 100%;
      object-fit: contain;
    }
    .no-image-wrapper {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      row-gap: $co-image-no-image-row-gap;
      opacity: $co-image-no-image-opacity;
      font-size: $co-image-no-image-font-size;
      .co-icon {
        height: $co-image-no-image-icon-size;
        width: $co-image-no-image-icon-size;
      }
    }
  }
}
