body {
            justify-content: center;
            align-items: center;
            max-height: 70vh;
            margin: 0;
            flex-direction: column;
        }
        
        .image-gallery {
            display: flex;
            justify-content: center;
            margin-top: -50px;
            gap: 30px;
        }

        .image-container {
            width: 400px;
            height: 300px;
            position: relative;
            overflow: hidden;
            cursor: pointer;
            /* box-shadow 속성 제거 */
        }

        .original-image, .hover-image {
            width: 100%;
            height: 100%;
            transition: opacity 0.3s ease-in-out;
            position: absolute;
            top: 0;
            left: 0;
            object-fit: contain;
        }

        .hover-image {
            opacity: 0;
        }

        .image-container:hover .original-image {
            opacity: 0;
        }

        .image-container:hover .hover-image {
            opacity: 1;
        }