.hero{
    background: url(image/events.jpg);
    background-size: cover;
    width: 100%;
    height: 55vh;
}
.card-image img{
    width: 90%;
    padding-left: 30%;
    height: 35vh;
    margin-top: 9%;
    transition: all 0.4s ease;
    margin-bottom: 10%;
}
.card-image:hover img{
    transform: scale(1.1);
}
.para{
    padding-right: 20%;
    letter-spacing: 0.3px;
    font-size: 15px;
}
@media (max-width: 786px) {
    section{
             width: 533px;
    }
    .w-full{
            width: 635px;
    }
}