.image-container {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 7;
    display: flex;            /* Enable Flexbox */
    justify-content: center;  /* Center child elements horizontally */
    align-items: center;      /* Optionally center child elements vertically (if you want) */
  }
  
  /* The main image itself */
  .image-container img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    object-fit: cover;
    z-index: -1;
  }

.page-title{
  padding-bottom: 10px;
  color:#000000;    
  text-shadow: 1px 0 #000000;
  font-weight:bold;
}


/* Mobile style */

@media (max-width: 768px) {
  
  .image-container {
    overflow: hidden;
    aspect-ratio: 5 / 8;
  }

  .image-container img {
    overflow: hidden;
    aspect-ratio: 5 / 8;
  }

  .products li {
    justify-content: flex-start;
    flex-wrap: nowrap;              /* Prevent wrapping */
    overflow-x: auto;      
  }

}