.banner-item {
    width: 100%;
    height: 360px;               /* Fixed height */
    background-size: cover;       /* Stretch horizontally, crop vertically if needed */
    background-position: center;  /* Keep image centered */
    background-repeat: no-repeat;
}

/* Optional: for mobile responsiveness */
@media (max-width: 768px) {
    .banner-item {
        height: 180px;
    }
}
.banner-item {
    width: 100%;
    height: 360px;               
    background-image: url('your-image.jpg');
    background-size: 100% 100%;   /* Stretch both width and height */
    background-position: center;  
    background-repeat: no-repeat;
}