.transition-overlay {
  position: relative;
  width: 100%;
  height: 0;
  z-index: 10;
  pointer-events: none;
}

.transition-overlay::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 150px;
  background: linear-gradient(
    180deg, 
    rgba(15, 23, 42, 0) 0%,    
    #0f172a 100%               
  );
  pointer-events: none;
}