@keyframes marquee {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(-100%);
    }
}

.animate-marquee {
    animation: marquee 50s linear infinite;
}

.clip-custom {
    clip-path: polygon(
        0% 0%,      /* top-left */
        100% 0%,    /* top-right */
        100% 70%,   /* right before bottom-right corner */
        70% 100%,   /* create the angled clip */
        0% 100%     /* bottom-left */
    );
}

@media screen and (min-width: 768px) {        
    .clip-custom {
        clip-path: polygon(
            0% 0%,      /* top-left */
            100% 0%,    /* top-right */
            100% 64%,   /* right before bottom-right corner */
            67% 100%,   /* create the angled clip */
            0% 100%     /* bottom-left */
        );
    }
}