.attachment__video--thumbnail {
  @apply object-cover w-full h-full;
}

.attachment, .attachment__content {
 @apply relative rounded-2xl border border-gray-200 dark:border-gray-700 bg-white/80 dark:bg-gray-800/80 overflow-hidden flex items-center justify-center w-24 h-24;

  img {
    @apply object-cover w-full h-full;
  }
  
  @media (max-width: 768px) {
    max-width: 5em;
  }
}

.attachment__label {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.attachments .attachment {
  @media (max-width: 640px) {
    max-width: 100%;
    height: 100%;
  }
}

.swiper-slide {
  display: flex !important;
  justify-content: center !important;
}