#wearthermax {
  position: relative;
  margin-top: 50px;
  overflow: hidden;
}

#wearthermax .container {
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  pointer-events: none;
}

#wearthermax .weartherImg {
  transform: scale(0.8);
  transition: transform 1s ease;
  will-change: transform;
}

#wearthermax.in-view .weartherImg {
  transform: scale(1);
}

#wearthermax .weartherImg video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


#wearthermax h2 {
    font-size: 80px;
    line-height: 85px;
    position: absolute;
    bottom: 140px;
    left: 0px;
    color: var(--White)
}

#wearthermax .playbt {
    width: 110px;
    height: 110px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@media(min-width: 320px)and (max-width: 767px) {

  #wearthermax h2 {
    font-size: 30px;
    line-height: 85px;
    position: absolute;
    bottom: 30px;
    color: var(--White);
    line-height: 1;
    left: 10px;
}

}