.modal.fade .modal-dialog {
    transition: transform 0.3s ease-out, opacity 0.3s ease-out;
    transform: scale(0.3);
    opacity: 0;
}

.modal.fade.show .modal-dialog {
    transform: scale(1);
    opacity: 1;
}

.step{
    /*border: 1px solid red;*/
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 4vh;
}

.step-description{
    padding-left: 2vw;
}

.animate__slower {
    animation-duration: 2s !important;
}

.animate__faster {
    animation-duration: .5s !important;
}

.step-img{
    height: 400px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    /*border-radius: 4%;*/
    display: flex;
    align-items: center;
    overflow: hidden;
}

.step-img video{
    width: 100%;
    border-radius: 8%;
    object-position: center;
    height: fit-content;
}