body {
    font-family: Arial, sans-serif;
    background-color: #f4f4f4;
    padding: 20px;
}

.album-container {
    display: grid;
    /* Tự động chia cột, tối thiểu 250px cho mỗi ảnh */
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 15px; /* Khoảng cách giữa các ảnh */
    padding: 10px;
}

.image-box {
    background-color: white;
    padding: 5px;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    overflow: hidden;
    transition: transform 0.3s ease; /* Hiệu ứng mượt mà */
}

.image-box img {
    width: 100%;
    height: 200px; /* Chiều cao cố định cho ảnh */
    object-fit: cover; /* Cắt ảnh lấp đầy không gian mà không bị méo */
    border-radius: 5px;
}

/* Hiệu ứng phóng to khi di chuột vào (hover) */
.image-box:hover {
    transform: scale(1.05);
    box-shadow: 0 6px 10px rgba(0,0,0,0.2);
}