.row .col-md-4 a.fancybox img {
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    display: block;
    padding: 5px;
}
.scena{
    margin: auto;
}
.img-fluid-custom {
    width: 100%;
    max-width: 500px;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    display: block;
    margin: 0 auto;
    border-radius: .375rem;
}
@media (max-width: 767.98px) {
    #top-baner {

        background-position: center center !important;

        min-height: 300px !important;
        display: flex !important;
        align-items: center !important;

    }
    #top-baner h1.pbl {
        font-size: 35px !important;
        text-align: center !important;
        width: 100% !important;
    }
}