
#mosaic_image {
    display: block !important;
    width: 75%;
    opacity: .2;
    max-width: 590px;
    top: 50px;
    right: 0;
    margin: 0 !important;
    position: absolute;
  z-index: 1;
}

.mosaic-animated { display: none; }


    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {


          .mosaic-animated1 {
              animation: MoveLeftRightSlow 10s ease-in-out infinite;
              height: 350px;
              width: 186px;
              background: url('../../images/svg/Mosaic-pattern-background-animated.svg');
              background-repeat: no-repeat;
              display: block;
              position: absolute;
              right: 550px;
              top: 350px;
              margin: auto;
          }

              @keyframes MoveLeftRightSlow {

                0% {
                  transform: translate(0, 0);
                  -webkit-transform: translate(0, 0);
                  -o-transform: translate(0, 0);
                  -moz-transform: translate(0, 0);
                  opacity:.5;
                }
           
                50% {
                   transform: translate(-50px, 0);
                    -webkit-transform: translate(-50px, 0);
                    -o-transform: translate(-50px, 0);
                    -moz-transform: translate(-50px, 0);
                     opacity:0;
                }
                    
                100% {
                   transform: translate(0px, 0);
                    -webkit-transform: translate(0px, 0);
                    -o-transform: translate(0px, 0);
                    -moz-transform: translate(0px, 0);
                     opacity:0;
                }

              }


          .mosaic-animated2 {
              animation: MoveLeftRightSlow2 4s ease-in-out infinite;
              height: 350px;
              width: 186px;
              background: url('../../images/svg/Mosaic-pattern-background-animated2.svg');
              background-repeat: no-repeat;
              display: block;
              position: absolute;
              right: 520px;
              top: 365px;
              margin: auto;
          }

              @keyframes MoveLeftRightSlow2 {

                0% {
                  transform: translate(0, 0);
                  -webkit-transform: translate(0, 0);
                  -o-transform: translate(0, 0);
                  -moz-transform: translate(0, 0);
                  opacity:.5;
                }
           
                75% {
                   transform: translate(-75px, 0);
                    -webkit-transform: translate(-75px, 0);
                    -o-transform: translate(-75px, 0);
                    -moz-transform: translate(-75px, 0);
                     opacity:0;
                }
                    
                100% {
                   transform: translate(0px, 0);
                    -webkit-transform: translate(0px, 0);
                    -o-transform: translate(0px, 0);
                    -moz-transform: translate(0px, 0);
                     opacity:0;
                }

              }


          .mosaic-animated3 {
              animation: MoveLeftRightSlow3 6s ease-in-out infinite;
              height: 350px;
              width: 186px;
              background: url('../../images/svg/Mosaic-pattern-background-animated3.svg');
              background-repeat: no-repeat;
              display: block;
              position: absolute;
              right: 600px;
              top: 365px;
              margin: auto;
          }


              @keyframes MoveLeftRightSlow3 {

                0% {
                  transform: translate(0, 0);
                  -webkit-transform: translate(0, 0);
                  -o-transform: translate(0, 0);
                  -moz-transform: translate(0, 0);
                  opacity:.5;
                }
                      
                100% {
                   transform: translate(-100px, 0);
                    -webkit-transform: translate(-100px, 0);
                    -o-transform: translate(-100px, 0);
                    -moz-transform: translate(-100px, 0);
                     opacity:0;
                }

              }


    }


    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {

        #mosaic_image { opacity: 1; }

    }


    @media only screen and (max-width : 1200px) { 

        #mosaic_image { right: -150px; }
        .mosaic-animated1 { right: 400px; }
        .mosaic-animated2 { right: 370px; }
        .mosaic-animated3 { right: 450px; }

    }


    @media only screen and (min-width : 1440px) {

        #mosaic_image {
            width: 52%;
            max-width: 590px;
            top: 50px;
            right: 0;
            margin: 0 !important;
            position: absolute;
        }

    }

