JSFiddle - React, Tailwind, and code Playground

HTML

<header class="hero"></header>

CSS

@-webkit-keyframes bgscroll {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 0 -230px;
    }
}
@keyframes bgscroll {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 0 -230px;
    }
}
.hero {
    display: block;
    height: 20rem;
    background-image: url("https://raw.github.com/alrra/browser-logos/master/chrome-android/chrome-android_256x256.png"),linear-gradient(to bottom, #646464, #323232);
    margin-bottom: 3rem;
    animation: bgscroll 30s infinite linear;
    -webkit-animation: bgscroll 30s infinite linear;
    border-bottom: .3rem solid #0b71b9;
}