.gallery {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(2,160);
  gap: 10px;
   margin: auto;
  overflow: hidden;
  text-align: center;
}
.brand-cell {
    display: flex;              /* Flex برای مرکز کردن تصویر */
    align-items: center;        /* مرکز عمودی */
    justify-content: center;
    position: relative;
    width: 180px;
    overflow: hidden;
     padding: 15px;
     margin: auto;
}
.brand-cell img {
  opacity: 0;
  transition: opacity 1s;
  object-fit: contain;
}
.brand-cell img.active {
  opacity: 1;
}
@media(max-width:768px) {
  .gallery {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 150px);
    justify-content: center; /* مرکز افقی گرید */
    align-content: center;   /* مرکز عمودی گرید */
    padding-bottom: 20px;
  }
}