.masonry-container {
  column-count: 3;
  column-gap: 5px;
  width: 100%;
}

/* For screens smaller than 768px (tablets and below) */
@media only screen and (max-width: 768px) {
  .masonry-container {
    /* Change to 2 columns */
    column-count: 2;
	column-gap: 5px;
    width: 100%;
  }
}

/* For screens smaller than 480px (mobile phones) */
@media only screen and (max-width: 480px) {
  .masonry-container {
    /* Change to 2 columns */
    column-count: 1);
	column-gap: 5px;
    width: 100%;
  }
}

.masonry-container img {
  width: 100%; /* Images fill the width of their column */
  height: auto; /* Maintains natural aspect ratio */
  margin-right: 5px;
  margin-left: 5px;
  margin-bottom: 5px; /* Space between images vertically */
  display: block;
  break-inside: avoid; /* Prevents images from being split across columns */
}


/* spicy */

.masonry-container-spicy {
  column-count: 2;
  column-gap: 5px;
  width: 100%;
}

/* For screens smaller than 768px (tablets and below) */
@media only screen and (max-width: 768px) {
  .masonry-container-spicy {
    /* Change to 2 columns */
    column-count: 1;
	column-gap: 5px;
    width: 100%;
  }
}

.masonry-container-spicy img {
  width: 100%; /* Images fill the width of their column */
  height: auto; /* Maintains natural aspect ratio */
  margin-right: 5px;
  margin-left: 5px;
  margin-bottom: 5px; /* Space between images vertically */
  display: block;
  break-inside: avoid; /* Prevents images from being split across columns */
}

.masonry-container-spicy p {
  margin-right: 5px;
  margin-left: 15px;
  margin-bottom: 10px; /* Space between vertically */
  display: block;
}