.container {
    position: relative;
    z-index: 1;
    margin: 200px auto;
    height: 250px;
    width: 250px;
    border-width: 1px;
    border-style: solid;
    border-radius: 10px;
    border-color: var(--light-shadow-color);
    background: linear-gradient(225deg, #191d1f, #15181a);
    box-shadow: -22px 22px 22px #0c0e0f, 22px -22px 22px #22282b;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.swinging-box {
    width: 100px;
    height: 100px;
    background-color: #3498db;
    margin: 100px auto;
    transition: all 0.8s ease-out;
}

.scroll-fast, .scroll-slow {
    position: relative;
}