.banner {
    overflow: hidden;
    width: 100%;
    height: 120px; /* Điều chỉnh chiều cao của banner tại đây */
    position: relative;
    margin:10px;
    
}

.logo-container {
    white-space: nowrap;
    position: absolute;
    top: 20%;
    left: 0; /* Bắt đầu từ vị trí bên trái */
    animation: moveLeft 30s linear infinite; /* Chuyển động từ trái sang phải */
}

.logo-container img {
    width: auto; /* Điều chỉnh kích thước của logo tại đây */
    height: 100px; /* Điều chỉnh chiều cao của logo tại đây */
    margin-right: 20px; /* Khoảng cách giữa các logo */
    box-shadow: 2px 2px 8px rgba(250, 248, 248, 0.3); /* Thêm đổ bóng */
}

@keyframes moveLeft {
    0% {
        transform: translateX(0); /* Bắt đầu từ vị trí bên trái */
    }
    100% {
        transform: translateX(-100%); /* Di chuyển sang phải một khoảng bằng chiều rộng của container */
    }
}