/* Make the image fully responsive */
.carousel-inner img {
    width: 100%;
    height: 100%;
}
.contact-content-p1{
    opacity: 0;
}
.picsp1{
    opacity: 0;
}
.picsp1 .animated{
    opacity: 1;
}
    .picsp2{
        opacity: 0;
    }
    .picsp2 .animated{
        opacity: 1;
    }
    .picsp3{
        opacity: 0;
    }
    .picsp3 .animated{
        opacity: 1;
    }

    .contact-content-p1 .animated{
    opacity: 1;
}
@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }
    to {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }
}
/* Add animation class and animation properties */

    @keyframes slideIn {
        from {
            transform: translateX(-100%);
        }
        to {
            transform: translateX(0);
        }
    }
    .animated {
        animation-duration: 1s;
        animation-fill-mode: both;
    }

    /* Apply animation to the element */
    .zoomIn {
        animation-name: zoomIn;
    }