/* Default style for imageScales */
.imageScale {
    width: 100%; /* 5 cards spreads per row */
    height: auto;
}

/* Media query for screens narrower than 992px (lg breakpoint) */
@media (max-width: 1680px) {
  .imageScale {
    width: 100%; /* 4 cards spreads per row */
    height: auto;
  }
}

/* Media query for screens narrower than 768px (md breakpoint) */
@media (max-width: 1260px) {
  .imageScale {
    width: 100%; /* 3 cards spreads per row */
    height: auto;
  }
}

/* Media query for screens narrower than 576px (sm breakpoint) */
@media (max-width: 840px) {
  .imageScale {
    width: 100%; /* 2 cards spreads per row */
    height: auto;
  }
}

/* Media query for screens narrower than 360px */
@media (max-width: 420px) {
  .imageScale {
    width: 400px; /* 1 card per row */
    height: auto;
  }
}

/* Default style for cardSpreads */
.cardSpread {
  width: 20%; /* 5 cards spreads per row */
}

/* Media query for screens narrower than 992px (lg breakpoint) */
@media (max-width: 1680px) {
  .cardSpread {
    width: 25%; /* 4 cards spreads per row */
  }
}

/* Media query for screens narrower than 768px (md breakpoint) */
@media (max-width: 1260px) {
  .cardSpread {
    width: 33.33%; /* 3 cards spreads per row */
  }
}

/* Media query for screens narrower than 576px (sm breakpoint) */
@media (max-width: 840px) {
  .cardSpread {
    width: 50%; /* 2 cards spreads per row */
  }
}

/* Media query for screens narrower than 360px */
@media (max-width: 420px) {
  .cardSpread {
    width: 100%; /* 1 card per row */
  }
}