.calibration-index {
    position: relative;
    text-align: center;
    overflow: hidden;
}

.slide-up-image {
    height: 300px;
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
}

.slide-up-image img {
    transform: translateY(100%);
    animation: slideUp 1.5s forwards;
    width: 100%;
    height: auto;
}

@keyframes slideUp {
    to {
        transform: translateY(0);
    }
}



@keyframes fadeIn {
    to {
        opacity: 1;
    }
}

.calibration-button:hover {
    background-image: linear-gradient(#B384C9, #391F5B 50%);
}

@media (min-width: 768px) {
    .calibration-button {
        font-size: 21px;
        padding: 18px 34px;
    }
}