.use_animate_on_screen.gradient {
    position: relative;
    z-index: 0;
    overflow: hidden;
}

.use_animate_on_screen.gradient:before {
    content: "";
    display: block;
    position: absolute;
    background: #ac3c92;
    background: -moz-linear-gradient(left, #d03325, #ce2062, #ac3c92, #7256ae, #0e65ae);
    background: -webkit-linear-gradient(left, #d03325, #ce2062, #ac3c92, #7256ae, #0e65ae);
    background: linear-gradient(to right, #d03325, #ce2062, #ac3c92, #7256ae, #0e65ae);
    transform: translateX(-101%);
    transition: all 1.2s 0s ease;
    width: 100%;
    height: 20rem;
    z-index: 1;
}

.use_animate_on_screen.gradient.displayed::before {
    transform: translateX(101%);
}

.head-container h2.use_animate_on_screen.gradient:before {
    transition: all 1.8s 0s ease;
}