/* For tablets */
@media only screen and (max-width: 768px) {
    .al-img {
      margin-top: 20px; /* Adjust this value as needed */
    }
  }
  
  /* For mobile phones */
  @media only screen and (max-width: 480px) {
    .al-img {
      margin-top: 30px; /* Adjust this value as needed */
    }
  }

  .custom-img-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    max-height: 280px; 
}

.custom-image {
    width: 100%;
    height: 100%;
    object-fit: cover; 
}