body {
    margin: 0;
    padding: 0;
    min-height: 100vh;
    overflow-y: auto;
}

.image-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
}

/* Desktop styles */
.pc-link {
    display: none;
}

.pc-image {
    max-width: 100%;
    height: auto;
}

/* Mobile styles */
.mobile-link {
    display: none;
    width: 100%;
}

.mobile-image {
    width: 100%;
    height: auto;
}

/* Hide scrollbar but keep functionality */
::-webkit-scrollbar {
    display: none;
}

body {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Media query for desktop */
@media screen and (min-width: 768px) {
    .pc-link {
        display: block;
    }
    .mobile-link {
        display: none;
    }
}

/* Media query for mobile */
@media screen and (max-width: 767px) {
    .pc-link {
        display: none;
    }
    .mobile-link {
        display: block;
    }
}