.floatingImage {
    color: #fff;
    background-image: url("https://www.agmonitoring.com/hubfs/Images/Banner%20Images/white%20triangles-01.svg");
    background-size: cover;
    background-repeat: repeat-y;
    /* background-position: 50%; */
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    /* height: 100%; */
    width: 100%;
    z-index: 1;
    padding: 4em;
    display: inline-block;
    -webkit-animation: floatCircle 50s linear infinite;
    animation: floatImage 50s linear infinite;
}
.floatingImageAbs {
    color: #fff;
    background-image: url("https://www.agmonitoring.com/hubfs/Images/Banner%20Images/white%20triangles-01.svg");
    background-size: cover;
    background-repeat: repeat-y;
    /* background-position: 50%; */
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%; 
    width: 100%;
    z-index: 1;
    padding: 4em;
    display: inline-block;
    -webkit-animation: floatCircle 50s linear infinite;
    animation: floatImage 50s linear infinite;
}
.floatingImage h1{
    color: #fff;

}
.floatingCTA{
position: relative;
  z-index: 999 !important;
}
@-webkit-keyframes floatImage{
    0%{
        background-position:0% -100%
    }
    100%{
        background-position:0% 200%
    }
}
@keyframes floatImage{
    0%{
        background-position:0% -100%
    }
    100%{
        background-position:0% 200%
    }
}
@-webkit-keyframes floatImageTablet{
    0%{
        background-position:0% -200%
    }
    100%{
        background-position:0% 300%
    }
}
@keyframes floatImageTablet{
    0%{
        background-position:0% -200%
    }
    100%{
        background-position:0% 300%
    }
}
@-webkit-keyframes floatImagePhone{
    0%{
        background-position:0% 220%
    }
    100%{
        background-position:0% -120%
    }
}
@keyframes floatImagePhone{
    0%{
        background-position:0% 220%
    }
    100%{
        background-position:0% -120%
    }
}


.bringItForward{
z-index: 999;
}