.cta-bg {
    height: 350px;
    background-repeat: no-repeat;
    background-size: cover;

}

.bg-overlay {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5)));
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
  
}

.cta-text-bottom {
    transition: 0.3s ease;
    transform: translate3d(0,50%,0);
    opacity: 0;
}
.cta-text-bottom.animateIn {
    transform: translate3d(0,0,0);
    opacity: 1;
}