.opal-dynamic-hidden {
    opacity: 0 !important;
    transform: initial;
    -webkit-transition: all 1.5s;
    -moz-transition: all 1.5s;
    -o-transition: all 1.5s;
    transition: all 1.5s;
}
.opal-dynamic-visible {
    opacity: 1 !important;
    -webkit-transition: all 1.5s;
    -moz-transition: all 1.5s;
    -o-transition: all 1.5s;
    transition: all 1.5s;
}

.opal-dynamic-from-left {
    opacity: 0 !important;
    transform: translateX(-50%);
}
.opal-dynamic-from-right {
    opacity: 0 !important;
    transform: translateX(50%);
}
.opal-dynamic-from-top {
    opacity: 0 !important;
    transform: translateY(-50%);
}
.opal-dynamic-from-bottom {
    opacity: 0 !important;
    transform: translateY(50%);
}
.opal-dynamic-flip-x {
    opacity: 0 !important;
    transform: scaleX(0);
}




.opal-dynamic-no-transition {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}