.carousel-control-prev-icon,
.carousel-control-next-icon {
    filter: invert(1) grayscale(1);
}

/* create a card with background-image that has 50% of transparent for the text in front of the card */
.card1, .card2, .card3 {
    background-size: cover;
    background-position: center;
    color: white;
    opacity: 0.9;
    height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.card1 {
    background-image: url('/assets/img/pdam.png');
}

.card2 {
    background-image: url('/assets/img/dpi.png');
}

.card3 {
    background-image: url('/assets/img/dup.png');
}

.card-img-top {
    height: 200px;
    object-fit: cover;
    object-position: center;
}

.client-logo {
    height: 80px;
    object-fit: cover;
    object-position: center;
    margin: 10px;
    transition: filter 0.3s ease;

}