.moment_preview_card {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

@media (min-width: 769px) {
  .moment_preview_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
  }
}

@media (max-width: 768px) {
  .moments-inner {
    max-width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .moment_preview_grid {
    display: block;
  }

  .moments_preview-block .slick-slide {
    padding: 15px;
    opacity: 0.4;
    transition: all 0.3s ease;
  }

  .moments_preview-block .slick-center {
    opacity: 1;
    transform: scale(1.05);
  }

  .moment_preview_card img {
    height: 14.5rem;
  }
}

@media (max-width: 600px) {
  .moment_preview_card img {
    height: 13rem;
  }
}