.swing--scale-up {
    transform: scale(0.95);
    opacity: 0;
    transition: 1s;
}

.swing--scale-up.swing--true {
    transform: none;
    opacity: 1;
}

.swing--scale-down {
    transform: scale(1.1);
    transition: 2s;
}

.swing--scale-down.swing--true {
    transform: none;
}

.swing--opacity {
    opacity: 0;
    transition: 0.5s;
}

.swing--opacity.swing--true {
    opacity: 1;
}

.swing--up {
    opacity: 0;
    transition: 1s;
    transform: translateY(50px);
}

.swing--up.swing--true {
    opacity: 1;
    transform: none;
}

.swing--left {
    opacity: 0;
    transition: 0.6s;
    transform: translateX(-50px);
}

.swing--left.swing--true {
    opacity: 1;
    transform: none;
}