html {
  background-color: gray;
}

#video1 {
  margin-top: 300px;
}

.draggable {
  position: absolute;
}

img {
  opacity: 0.8;
}

.draggable iframe {
  padding: 20px;
}
#video2 {
 margin-top: 100px;
}

#audio1 {
  margin-left: 400px;
}

/* audio and pop up images */
#transcriptWrapper {
  overflow: hidden;
}

#transcript > div {
  transition: all 0.8s ease;
  list-style-type: disc;
}

.speaking {
  font-weight: bold;
}