.ebt-block-image-gallery {
  &.one_column .ebt-container .field--name-field-ebt-image-gallery {
    display: grid;
    gap: 15px;
    grid-template-columns: 1fr;

    .field__item .field--name-field-media-image .field__item img {
      width: 100%;
      height: auto;
      display: block;
      -o-object-fit: contain;
         object-fit: contain;
    }
  }

  &.two_columns .ebt-container .field--name-field-ebt-image-gallery {
    display: grid;
    gap: 15px;
    grid-template-columns: repeat(2, 1fr);

    .field__item .field--name-field-media-image .field__item img {
      width: 100%;
      height: auto;
      display: block;
      -o-object-fit: contain;
         object-fit: contain;
    }
  }

  &.three_columns .ebt-container .field--name-field-ebt-image-gallery {
    display: grid;
    gap: 15px;
    grid-template-columns: repeat(3, 1fr);

    .field__item .field--name-field-media-image .field__item img {
      width: 100%;
      height: auto;
      display: block;
      -o-object-fit: contain;
         object-fit: contain;
    }
  }

  &.four_columns .ebt-container .field--name-field-ebt-image-gallery {
    display: grid;
    gap: 15px;
    grid-template-columns: repeat(4, 1fr);

    .field__item .field--name-field-media-image .field__item img {
      width: 100%;
      height: auto;
      display: block;
      -o-object-fit: contain;
         object-fit: contain;
    }
  }

  &.five_columns .ebt-container .field--name-field-ebt-image-gallery {
    display: grid;
    gap: 15px;
    grid-template-columns: repeat(5, 1fr);

    .field__item .field--name-field-media-image .field__item img {
      width: 100%;
      height: auto;
      display: block;
      -o-object-fit: contain;
         object-fit: contain;
    }
  }

  &.fixed_size_image .ebt-container .field--name-field-ebt-image-gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;

    .field__item {
      width: 100%;
      margin-bottom: 15px;

      @media (min-width: 481px) {
        width: 200px;
      }

      .field--name-field-media-image .field__item img {
        width: 100%;
        height: 200px;
        -o-object-fit: cover;
           object-fit: cover;
      }
    }
  }

  &.fluid_grid .ebt-container .field--name-field-ebt-image-gallery {
    -moz-column-gap: 10px;
         column-gap: 10px;
    -moz-columns: 1;
         columns: 1;

    @media (min-width: 481px) {
      -moz-columns: 2;
           columns: 2;
    }

    @media (min-width: 769px) {
      -moz-columns: 3;
           columns: 3;
    }

    @media (min-width: 1025px) {
      -moz-columns: 4;
           columns: 4;
    }

    .field__item img {
      margin-bottom: 15px;
      width: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      height: 200px;

      @media (min-width: 481px) {
        height: auto;
      }
    }
  }

  &.featured_images_grid .ebt-container .field--name-field-ebt-image-gallery {
    -moz-column-gap: 10px;
         column-gap: 10px;
    -moz-columns: 1;
         columns: 1;

    @media (min-width: 481px) {
      -moz-columns: 2;
           columns: 2;
    }

    @media (min-width: 769px) {
      -moz-columns: 3;
           columns: 3;
    }

    .field__item img {
      margin-bottom: 15px;
      width: 100%;
      -o-object-fit: cover;
         object-fit: cover;
      height: 200px;
    }

    .field__item:nth-child(1) img {
      @media (min-width: 481px) {
        height: 415px;
      }
    }
  }
}
