header.row.article-title img{
    animation-duration: 15s;
    animation-name: slidein;
    animation-iteration-count: infinite;
}

@keyframes slidein {
    from {
        left: 0%;
        opacity: 0;
    }
    49%{
        opacity: 0;
    }
    50% {
        opacity: 1;
        left:100%;
    }
    70% {
        left:0%;
        opacity: 1;
    }

    to {
        left: 0%;
        opacity: 0;
    }
}

div.row.article-content img.bg-image{
    width:100%;
    opacity: 0.1;
    margin-left: -20px;
    animation-name: fadeinfadeout;
    animation-iteration-count: infinite;
    animation-duration: 25s;
}

@keyframes fadeinfadeout{
    from {
        opacity: 0.1;
    }
    20% {
        opacity: 0.4;
    }
    35% {
        opacity: 0.25;
    }
    50% {
        opacity: 0.4;
    }
    70% {
        opacity: 0.2;
    }
    75% {
        opacity: 0.7;
    }
    80% {
        opacity: 0.2;
    }
    to {
        opacity: 0.1;
    }
}

.unselectable {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -webkit-user-drag: none;
    user-drag: none;
}