/* CSS cho vùng chứa chính của ảnh sóng */
#image_2126030766 {
    width: 100%;
    /* Nếu bạn có các animation hoặc transform khác ở đây, hãy kiểm tra xung đột */
}

/* CSS cho div bọc ngoài ảnh */
#image_2126030766 .img-inner {
    position: relative; /* Quan trọng cho việc định vị nếu có hiệu ứng khác */
    /* margin:-125px 0px 0px 0px;  giữ nguyên margin bạn đã đặt trong HTML nếu cần */
    /* Nếu bạn muốn ẩn phần sóng nhấp nhô ra ngoài khung, hãy bỏ comment dòng dưới */
    /* overflow: hidden; */
}

/* Áp dụng animation cho thẻ ảnh SVG */
#image_2126030766 .img-inner img {
    display: block; /* Đảm bảo ảnh là một khối, giúp transform hoạt động tốt */
    width: 100%;    /* Đảm bảo ảnh lấp đầy chiều rộng của container */
    height: auto;   /* Giữ tỷ lệ ảnh */
    will-change: transform; /* Gợi ý cho trình duyệt tối ưu hóa hiệu ứng */

    /* Các thuộc tính animation */
    animation: waveEffect 4s infinite alternate ease-in-out;
    /*
    4s: Thời gian một chu kỳ (điều chỉnh tốc độ)
    infinite: Lặp vô hạn
    alternate: Chạy xuôi rồi chạy ngược (lên rồi xuống)
    ease-in-out: Chuyển động mượt mà ở đầu và cuối mỗi lần dịch chuyển
    */
}

/* Định nghĩa keyframes cho animation */
@keyframes waveEffect {
    0% {
        transform: translateY(0px); /* Bắt đầu ở vị trí ban đầu */
    }
    50% {
        transform: translateY(-15px); /* Dịch chuyển lên 15px (điều chỉnh biên độ sóng) */
    }
    100% {
        transform: translateY(0px); /* Quay về vị trí ban đầu */
    }
}