@media screen and (max-width: 600px) {
    #colorbox.colorbox_photo_gallery::before {
        content: '';
        position:relative;
        width: 45px;
        height: 45px;
        top: 10px;
        z-index: 10000;
        background-image: url('/img/colorbox/swipe.svg');
        display: inline-block;
        left: calc(50% - 10px);
        animation: colorbox-swipe 1s ease-in-out infinite;
    }
    
    #colorbox.hidden_before::before {
        display: none !important;
    }
    
     
    @keyframes colorbox-swipe {
          0%, 100% {
              transform: translate(0, 0);
          }
          50% {
              transform: translate(40%, 0);
          }
    }
}