.banner-figure {
    width: 750px; /* 👈 กำหนดขนาดกรอบ */
    height: 550px;
    overflow: hidden; /* 👈 กันรูปที่ซูมล้นออกนอกกรอบ */
    border-radius: 12px; /* มุมโค้ง (ปรับได้) */
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: zoom-in;  
    background-color:transparent; /* หรือโปร่งใสก็ได้ */
}

.zoom-img {
    width: 100%;
    height: auto;
    transition: transform 0.5s ease;
}

    .zoom-img:hover {
        transform: scale(1.5); /* 👈 ซูมตอน hover */
    }