.slide {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.1s;
}

.active-slide {
  opacity: 1;
  z-index: 2;
}

.card {
  position: relative;
}

.quiz-container {
  position: relative;
  height: 350px;
  margin-top: 10px;
}
.quiz-container-2 {
  position: relative;
  height: 180px;
  margin-top: 10px;
}

.quiz-container-3 {
  position: relative;
  height: 350px;
  margin-top: 10px;
}

.question {
  font-size: 16px;
  margin-bottom: 10px;
}

.answers {
  margin-bottom: 20px;
  text-align: left;
  display: inline;
}

.answers input {
  width: 155px;
  display: inline;
}

@media only screen and(max-width: 720px) {
  .quiz-container {
    height: 400px;
  }
}

@media only screen and(max-width: 480px) {
  .quiz-container {
    height: 550px;
  }
}

@media only screen and(max-width: 360px) {
  .quiz-container {
    height: 750px;
  }
}

@media only screen and(max-width: 280px) {
  .quiz-container {
    height: 950px;
  }
}