@keyframes spin {
    from {transform: rotate(0deg) }
    to {transform: rotate(360deg) }
}
.spin {
    animation: spin 15s linear infinite;
    position: fixed; left: 77vw; 
    width: auto; height: 36vh; 
    margin-top: 9vh;
}
.BGcontainer {
    overflow: hidden;
}
.slidingBG {
    background: url("https://psychobabblestudios.com/meta/imgs/home/clouds.png") repeat-x;
    position:fixed;
    height: 1072px;
    width: 7680px;
    margin-top: -20px; margin-bottom: -20px; margin-left: -20px; margin-right: -20px;
    z-index: -1;
    animation: slide 120s linear infinite;
}
@keyframes slide {
    0% {
        transform: translate3d(-2650px, 0, 0);
    }
    100% {
        transform: translate3d(0, 0, 0);
    }
}
.swayA {
    animation: swayA 10s infinite;
    transform-origin: 70% 5% 0;
}
@keyframes swayA {
    50%{ transform: rotate(-12deg); }
}
.swayB {
    animation: swayB 8s infinite;
    transform-origin: 35% 5% 0;
}
@keyframes swayB {
    50%{ transform: rotate(6deg); }
}