.c-gallery-masonry {
  padding: var(--blocks-padding) 0;
}

.c-gallery-masonry__inner {
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
}

.c-gallery-masonry__images {
  .mgl-item {
    overflow: hidden;
    border-radius: 24px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.12);
    position: relative;

    img {
      transition: transform 0.4s ease;
    }

    @media (hover: hover) {
      &:hover {
        img {
          transform: scale(1.05);
        }
      }
    }
  }

  .mgl-caption {
    position: absolute;
    z-index: 2;
    padding: 1.6rem;
    border-radius: 999px;
    background: var(--gallery-masonry-caption-bg) !important;
    color: var(--gallery-masonry-caption-text);
    opacity: 1;
    width: auto !important;

    @media (min-width: 1200px) {
      left: 18px !important;
      bottom: 18px !important;
    }

    @media (max-width: 1199px) {
      left: 10px !important;
      bottom: 10px !important;
    }

    p {
      padding: 0 !important;
      font-size: 0.95rem !important;
      font-weight: 700;
    }
  }
}