#home-top-banner:has(*){
    position: relative;
    width: 100%;
    height: 30vw;
    max-height: 150px;
    overflow: hidden;
    background: #fff;
  }

  #home-top-banner > *, #home-side-banner-l > * , #home-side-banner-r > * {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: none;    
    transition: opacity 0.5s ease-in-out;
  }

  #home-top-banner > .active , #home-side-banner-l > .active, #home-side-banner-r > .active {
    display: block;
  }

  #home-side-banner-l:has(*), #home-side-banner-r:has(*) {
    height: 100vh;
    position: sticky;
    top: 0;
    z-index: 9999;
  }

  /* #home-side-banner-r {
    right: 0;
    float: right;
  }
  
  #home-side-banner-l {
    left: 0;
    float: left;
  } */