/* Минимальные стили для эффекта прозрачности нижней части верхней трубки */
.tube-upper {
  /* Добавляем маску с градиентом прозрачности только для нижней части */
  -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 60%, rgba(0,0,0,0));
  mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 60%, rgba(0,0,0,0));
}