.album-container {
  display: flex !important;
  gap: 1rem;
  align-items: stretch;
  flex-wrap: wrap;
  margin-top: 1rem;
}

.album-container:nth-child(2n) {
  flex-direction: row-reverse;
}

.album-container .left {
   flex: 1;
  aspect-ratio: 16 / 9;     /* cố định tỷ lệ khung */
  min-width: 0;
  border-radius: 5px;
  overflow: hidden;         /* chặn tràn khi hover */
}
.album-container img{
  border-radius: 5px;
  transition: transform .35s ease;
  will-change: transform;
  transform-origin: center center;
}
.album-container img:hover{
  transform: scale(1.5);
  cursor: pointer;
  z-index: 1000;
}
.album-container .left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

.album-container .right {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  min-width: 0;
}

.album-container .right img {
  width: calc(50% - 0.5rem);
  /* height: calc(50% - 0.5rem); */
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.album-container .right img:nth-child(1) {
  width: calc(65% - 0.5rem);
}

.album-container .right img:nth-child(2) {
  width: calc(35% - 0.5rem);
}


.slide-sinhvien {
  padding: 0 ;
}

.btn-prev,
.btn-next {
  background: none;
  border: none;
  cursor: pointer;
  z-index: 10;
}

.btn-prev img,
.btn-next img {
  width: 2rem;
  height: 2rem;
}
@media (max-width: 768px) {
  .album-container,
  .album-container:nth-child(2n) { 
    flex-direction: column !important; 
  }

  .album-container .right{
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }

  .album-container .right img{
    width: 100% !important;   /* GHI ĐÈ 65/35 */
    height: auto !important;
    aspect-ratio: 16 / 9;
    object-fit: cover;
  }

  /* hủy hẳn rule 65/35 trên mobile */
  .album-container .right img:nth-child(1),
  .album-container .right img:nth-child(2){
    width: 100% !important;
  }

  /* giảm/ tắt hiệu ứng scale để tránh tràn */
  .album-container img:hover{ transform: none !important; }
}