.animationimg {
    position: relative;
    overflow: hidden;
}

.animationimg:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #f5f5f5;
    position: absolute;
    top: 0;
    right: 0;
    transition: all .8s cubic-bezier(.77,0,.175,1);
    transition-timing-function: cubic-bezier(.77,0,.175,1);
    will-change: auto;
    z-index: 2;
}

.animationimg:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #047CF9;
    position: absolute;
    top: 0;
    right: 0;
    transition: all .8s cubic-bezier(.77,0,.175,1);
    transition-timing-function: cubic-bezier(.77,0,.175,1);
    will-change: auto;
    transition-delay: 0.2s;
    z-index: 1;
}

.animationimg.response-transition:before,.animationimg.response-transition:after {
    right: -100%;
}