.background-shamrock {
    background-image: url('/img/background/shamrock/s1.png'), url('/img/background/shamrock/s2.png'), url('/img/background/shamrock/s3.png');
    -webkit-animation: shamrocks 10s linear infinite;
    -moz-animation: shamrocks 10s linear infinite;
    -ms-animation: shamrocks 10s linear infinite;
    animation: shamrocks 10s linear infinite;
}
.background-shamrock .background .left {
    background-image: url('/img/background/shamrock/left.png');
    background-position: left bottom;
    background-repeat: no-repeat;
    width: 100vw;
    height: 100vh;
    left: 0;
    position: fixed !important;
    z-index: 1;
}
.background-shamrock .background .right {
    background-image: url('/img/background/shamrock/right.png');
    background-position: right bottom;
    background-repeat: no-repeat;
    width: 100vw;
    height: 100vh;
    right: 0;
    position: fixed !important;
    z-index: 0;
}
@keyframes shamrocks {
    0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
    50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
    100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-moz-keyframes shamrocks {
    0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
    50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
    100% {background-position: 400px 1000px, 200px 400px, 100px 300px;}
}
@-webkit-keyframes shamrocks {
    0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
    50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
    100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-ms-keyframes shamrocks {
    0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
    50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
    100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}