* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

article {
    max-width: 600px;
    margin: 1em auto;
    overflow: hidden;
    position: relative;
    min-height: 4em;
}

.left {
    white-space: nowrap;
    position: absolute;
    text-transform: uppercase;
    animation: move-left 8s linear infinite alternate;
}

@keyframes move-left {
    from {
        left: 0;
    }

    to {
        left: -140px;
    }
}

.right {
    white-space: nowrap;
    position: absolute;
    top: 2em;
    opacity: 0.4;
    text-transform: uppercase;
    animation: move-right 8s linear infinite alternate;
}

@keyframes move-right {
    from {
        right: 0;
    }

    to {
        right: -140px;
    }
}