.fc_gallery {
  padding-block: var(--padding-xs);

  &.padding_full {
    padding-inline: 0;
  }

  .gallery_container {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--gap-s) / 2);

    .image {
      flex-basis: 100%;
      box-shadow: 0 4px 40px 0 hsl(from var(--color-black) h s l / 0.1);

      &.aspect_ratio_1 {
        aspect-ratio: 1;
      }

      &.aspect_ratio_4_3 {
        aspect-ratio: 4/3;
      }
    }
  }

  /* responsive */
  @media (width >= 576px) {
    .gallery_container {
      .image {
        flex-basis: calc(50% - (var(--gap-s) / 2));
      }

      &.col_3 {
        .image {
          flex-basis: calc(33.333% - ((var(--gap-s) / 2) * 2) / 3);
        }
      }
    }
  }

  @media (width >= 768px) {
    .gallery_container {
      .image {
        flex-basis: calc(25% - ((var(--gap-s) / 2) * 3) / 4);
      }
    }
  }
}