.jd-image {
        max-width: 100%;
        margin: 0 auto;
    }


    /* 키프레임들 */
    @keyframes fade-up { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }
    @keyframes fade-down { from { opacity: 0; transform: translateY(-30px); } to { opacity: 1; transform: translateY(0); } }
    @keyframes fade-left { from { opacity: 0; transform: translateX(30px); } to { opacity: 1; transform: translateX(0); } }
    @keyframes fade-right { from { opacity: 0; transform: translateX(-30px); } to { opacity: 1; transform: translateX(0); } }
    @keyframes fade-center { from { opacity: 0; } to { opacity: 1; } }

    @keyframes zoom-in-up { from { opacity: 0; transform: scale(0.8) translateY(30px); } to { opacity: 1; transform: scale(1) translateY(0); } }
    @keyframes zoom-in-down { from { opacity: 0; transform: scale(0.8) translateY(-30px); } to { opacity: 1; transform: scale(1) translateY(0); } }
    @keyframes zoom-in-left { from { opacity: 0; transform: scale(0.8) translateX(30px); } to { opacity: 1; transform: scale(1) translateX(0); } }
    @keyframes zoom-in-right { from { opacity: 0; transform: scale(0.8) translateX(-30px); } to { opacity: 1; transform: scale(1) translateX(0); } }
    @keyframes zoom-in-center { from { opacity: 0; transform: scale(0.8); } to { opacity: 1; transform: scale(1); } }

    @keyframes zoom-out-up { from { opacity: 0; transform: scale(1.2) translateY(30px); } to { opacity: 1; transform: scale(1) translateY(0); } }
    @keyframes zoom-out-down { from { opacity: 0; transform: scale(1.2) translateY(-30px); } to { opacity: 1; transform: scale(1) translateY(0); } }
    @keyframes zoom-out-left { from { opacity: 0; transform: scale(1.2) translateX(30px); } to { opacity: 1; transform: scale(1) translateX(0); } }
    @keyframes zoom-out-right { from { opacity: 0; transform: scale(1.2) translateX(-30px); } to { opacity: 1; transform: scale(1) translateX(0); } }
    @keyframes zoom-out-center { from { opacity: 0; transform: scale(1.2); } to { opacity: 1; transform: scale(1); } }

    @keyframes flip-up { from { opacity: 0; transform: perspective(400px) rotateX(90deg); } to { opacity: 1; transform: perspective(400px) rotateX(0); } }
    @keyframes flip-down { from { opacity: 0; transform: perspective(400px) rotateX(-90deg); } to { opacity: 1; transform: perspective(400px) rotateX(0); } }
    @keyframes flip-left { from { opacity: 0; transform: perspective(400px) rotateY(90deg); } to { opacity: 1; transform: perspective(400px) rotateY(0); } }
    @keyframes flip-right { from { opacity: 0; transform: perspective(400px) rotateY(-90deg); } to { opacity: 1; transform: perspective(400px) rotateY(0); } }

    /* 호버 텍스트 애니메이션 */
    @keyframes hover-text-fade {
        from { opacity: 0; }
        to { opacity: 1; }
    }

    @keyframes hover-text-slide {
        from {
            opacity: 0;
            transform: translateY(20px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    @keyframes hover-text-flip {
        from {
            opacity: 0;
            transform: perspective(400px) rotateX(90deg);
        }
        to {
            opacity: 1;
            transform: perspective(400px) rotateX(0);
        }
    }

    /* 이미지 오버레이 */
    .widget-image-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.9);
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 910000;
        cursor: pointer;
    }

    .widget-image-overlay img {
        max-width: 90%;
        max-height: 90%;
        object-fit: contain;
        cursor: default;
    }

    .widget-overlay-close {
        position: absolute;
        top: 20px;
        right: 30px;
        font-size: 40px;
        color: white;
        background: none;
        border: none;
        cursor: pointer;
        padding: 0;
        width: 40px;
        height: 40px;
        line-height: 1;
    }

    .widget-overlay-close:hover {
        color: #ccc;
    }