#banner{position:relative;z-index:1}

#backdrop{
    position:absolute;
    height:100vh;
    z-index:0;
    filter:brightness(.7);
    /*background-image:url(https://www.truckloader.co.id/static/img/banner.avif);*/
    background-repeat:no-repeat;
    background-size:cover}
#backdrop video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  filter: brightness(0.7);
  z-index: -1;}

.client-logo{transition: 0.25s ease; scale:0.8; filter: grayscale(1)}

.client-logo:hover{scale: 1; filter: grayscale(0)}


.whytruckloader{
    transition: 0.25s ease; scale:0.8; filter: grayscale(1)
}
.whytruckloader:hover{
    scale: 1; filter: grayscale(0)
}
.whytruckloader {
    height: 400px !important;
}

@media (max-width: 768px) { /* Adjust breakpoint as needed */
    .whytruckloader {
        height: auto !important; /* Let it adjust naturally */
    }
}