.helio-video-block{
  width: 100%;
  padding: 50px 25px;
  background-color: #000;
  box-sizing: border-box;
}

.helio-video-heading{
  color: #8a69d4;
  text-align: center;
  font-size: clamp(20px, 2.5vw, 34px);
  margin: 0 0 20px 0;
}

.video-container{
  display: flex;
  justify-content: center;
}

.video-container iframe{
  width: 100%;
  max-width: 960px;
  height: 540px;
  border: none;
}

@media (max-width: 1024px){
  .helio-video-block{ padding: 40px 20px; }
  .video-container iframe{
    height: auto;
    aspect-ratio: 16 / 9;
    max-width: 900px;
  }
}

@media (max-width: 600px){
  .helio-video-block{ padding: 32px 16px; }
  .video-container iframe{
    height: auto;
    aspect-ratio: 16 / 9;
    max-width: 100%;
  }
}