:root {
    /* --main-bg-color: #ccc; */
    font-size: 100%; /* 1rem = 16px */
}

body {
    font-weight: normal;
    font-style: normal;
    padding: 0;
    margin: 0;
    /* background-color: var(--main-bg-color); */
}
.wrapper {
    position: relative;
    width: 100vw;
    min-height: 100vh;
    min-height: 100svh;
}
.wrapper:hover {
    cursor: pointer;
}
.pic_container {
    position: absolute;
    width: 100%;
    height: 100%;
}
.item {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    opacity: 0;
}
.item.current {
    opacity: 1 !important;
    z-index: 50 !important;
    opacity: 1;
}
.item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}