body {
    background-color: beige;
    height: 100vh;
    position: relative;
}

section {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.container {
    max-width: 700px;
    width: 100%;
    margin: auto;
}
.item-record {
    position: relative;
    z-index: -1;
}
.item-rabbit {
    position: absolute;
}
.item-rabbit img {
    max-width: 700px;
    width: 100%;
    animation: 20s linear infinite rotation;
}

@keyframes rotation {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}

@media screen and (max-width: 768px) {
    section {
        position: relative;
        padding: 0 1rem;
        top: calc(100% / 3 + 80px);
    }
    .item-rabbit img {
        width: 96%;
    }
}
