/* Responsive background framing for the Concerts page */

/* Darken the past-concerts photo so the white venue list stays readable,
   while preserving the existing image and crop. */
.past-concerts {
  background-image: linear-gradient(rgba(0,20,22,.68), rgba(0,12,14,.78)), url('/illusbackhome_simplecom.jpg') !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

/* On desktop, keep the important upper part of the background photo visible
   so the musicians' faces are not cropped out. */
@media (min-width: 851px) {
  .past-concerts {
    background-position: center 28% !important;
  }
}

/* Keep the existing smartphone framing unchanged. */
@media (max-width: 850px) {
  .concert-hero {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #050b0c;
  }
}