* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    background-color: #C0C1BE;
}

/* 데스크탑 스타일 */
.desktop {
    width: 100%;
    height: 100svh;
    overflow: hidden;
}

.desktop img {
    width: 100%;
    height: 110%;
    object-fit: cover;
}

.mobile img {
    width: 100%;
    height: 110%;
    object-fit: cover;
}

/* 모바일 스타일 */
.mobile {
    width: 100%;
    height: 100svh;
    display: none;
    overflow: hidden;
}


.desktop img, .mobile img {
    animation: bounce 1s ease-in-out infinite;
}

@keyframes bounce {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
}

@media (max-width: 1200px) {
    .mobile {
        display: block;
    }
    .desktop {
        display: none;
    }
}