.hero{
    background-image: url(images/image_fond.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 50vh;

}

.custom-card {
    transition: transform 0.3s ease;
    cursor: pointer;
}


.custom-card:hover {
    transform: translateY(-10px);
    border-color: rgb(0, 0, 255); 
}