.A_Top:not(.A_Animate){opacity:0;}
.A_Bottom:not(.A_Animate){opacity:0;}
.A_Left:not(.A_Animate){opacity:0;}
.A_Right:not(.A_Animate){opacity:0;}

.A_Animate.A_Top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-20px;opacity:0} to{top:0;opacity:1}}
.A_Animate.A_Left{position:relative;animation:animateleft 0.4s;}@keyframes animateleft{from{left:-20px;opacity:0} to{left:0;opacity:1}}
.A_Animate.A_Right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{left:20px;opacity:0} to{left:0;opacity:1}} /* Only works with left: not right: CSS is a disaster. */
.A_Animate.A_Bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-20px;opacity:0} to{bottom:0;opacity:1}}

.Slideshow_Animate {
    animation: header_animation 1s forwards;
    transform: translateZ(0);
    backface-visibility: hidden;
    perspective: 1000;
}

@keyframes header_animation {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}