.carousel .carousel-item h1,
.carousel .carousel-item h2,
.carousel .carousel-item h3 {
  text-shadow: 2px 2px 1px rgba(0,0,0,0.3),
    	0 0 50px rgba(0,0,0,0.3);
}

#carousel-346 > div > div:nth-child(1) > div.carousel-content > div > div > div > h1 {
  padding-top: 20%;
}

.carousel .carousel-item h1 {
   animation: slidein-left 0.5s ease-out;
}

.carousel .carousel-item h2,
.carousel .carousel-item h3 {
   animation: slidein-right 1s ease-out;
}

@keyframes slidein-left {
    from { opacity: 0; transform: translate(-20%,0) scale(0.8); }
    to   { opacity: 1; transform: translate(0,0) scale(1); }
}

@keyframes slidein-right {
    0% { opacity: 0; transform: translate(20%,0) scale(0.8); }
    50% { opacity: 0; transform: translate(20%,0) scale(0.8); }
    100%   { opacity: 1; transform: translate(0,0) scale(1); }
}