.hero .banner img {
    width: 70%; 
    height: 100%;
    object-fit: cover; 
    object-position: bottom;
    display: block;
    margin-left: auto; 
}


#users_of_commercial_png {
    background-color: var(--light-background);
}
.commercial-png-users .card {
    border: 0 0;
    transition: all 0.3s ease-in-out;
}
.commercial-png-users .card:hover {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, 0.2) !important;
}
.commercial-png-users .card-img {
    min-height: 140px; 
    width: 100%;
    display: flex;
    align-items: center;
    transition: transform 0.3s ease-in-out;
}
.commercial-png-users .card:hover .card-img {
    transform: scale(1.2);
}