html {
  scroll-behavior: smooth;
}

.play-button {
  width: 25px;
  height: 25px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  transition: background-image 0.2s ease;
}

.play-button:not(.playing) {
  background-image: url('https://platform-ps-files.s3.us-east-2.amazonaws.com/icons/play_circle_svgrepo_com_3_9382b4dcba.svg');
}

.play-button.playing {
  background-image: url('https://platform-ps-files.s3.us-east-2.amazonaws.com/icons/pause_circle_svgrepo_com_2_c79022b077.svg');
}

.muted-button {
  width: 25px;
  height: 25px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  transition: background-image 0.2s ease;
}

.muted-button.muted {
  background-image: url('https://platform-ps-files.s3.us-east-2.amazonaws.com/icons/volume_mute_outline_svgrepo_com_e5dd1beca1.svg');
}

.muted-button:not(.muted)  {
  background-image: url('https://platform-ps-files.s3.us-east-2.amazonaws.com/icons/volume_high_outline_svgrepo_com_55fb0d78d7.svg');
}

  .textDescription {
    font-size: 18px;
  }

@media only screen and (max-width: 600px) {
  .textDescription {
    font-size: 15px;
  }
}