.quiz-section {
  background-color: var(--purple-color);
  color: var(--white-color);
  /* padding: 40px; */
  text-align: center;
  min-height: 500px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
}

/* Keep this block as is */
.option {
  margin: 10px auto;
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22263.104%22%20height%3D%2263.035%22%3E%0A%20%20%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M2.737.206c.025%205.794.177%2011.6.087%2017.4a43.379%2043.379%200%200%201-.7%206.769C1.67%2026.82%201.9%2029.1%201.643%2031.6A230.758%20230.758%200%200%200%20.019%2059.256c1.625.6%204.2.034%205.887.008%202.772-.044%205.551-.131%208.323-.139%205.287-.014%2010.455%201.127%2015.74%201.015%2012.485-.262%2025.173-.964%2037.641-.433%207.857.336%2015.805.6%2023.632%201.344%206.15.582%2012.36.684%2018.485%201.384%207.942.911%2015.915.543%2023.9.428q9.565-.135%2019.128-.274l13.985-.2c2.461-.036%204.921-.079%207.383-.1%203-.026%205.9-.466%208.882-.663%204.51-.3%208.9-.819%2013.428-.869%203.8-.042%207.473-.746%2011.251-.771%2010.695-.07%2021.163.909%2031.853.757%203.293-.048%206.835-.5%2010.093-.011a33%2033%200%200%200%205.538.389c1.059-.014%202.891.358%203.846-.011%201.27-.492%201.532-2.716%201.788-3.916.406-1.9.625-3.778.948-5.716.306-1.833-.012-3.65.4-5.49%201.105-4.925-.257-10.3.36-15.32%201.059-8.625.39-17.636.345-26.348-.006-1.135.407-2.831-.614-3.519-.351-.237-1.441-.09-1.787-.093-1.631-.014-3.268.076-4.9.1q-4.575.063-9.15.131l-33.795.484C139.916%202.462%2075.428-.836%202.737.206%22%20data-name%3D%22Path%20504%22%2F%3E%0A%3C%2Fsvg%3E');
  background-size: cover;
  background-position: 0 100%;
  background-repeat: no-repeat;
  color: #000;
  cursor: pointer;
  padding: 1rem;
  max-width: 75%;
  transition: transform 0.3s ease, background-color 0.3s ease;
}

.option:nth-child(odd) {
  background-position: 100% 0;
}

.option:hover {
  background-color: transparent;
  transform: rotate(2deg);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.option.wrong {
  background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22263.104%22%20height%3D%2263.035%22%3E%0A%20%20%3Cpath%20fill%3D%22%23ff3131%22%20d%3D%22M2.737.206c.025%205.794.177%2011.6.087%2017.4a43.379%2043.379%200%200%201-.7%206.769C1.67%2026.82%201.9%2029.1%201.643%2031.6A230.758%20230.758%200%200%200%20.019%2059.256c1.625.6%204.2.034%205.887.008%202.772-.044%205.551-.131%208.323-.139%205.287-.014%2010.455%201.127%2015.74%201.015%2012.485-.262%2025.173-.964%2037.641-.433%207.857.336%2015.805.6%2023.632%201.344%206.15.582%2012.36.684%2018.485%201.384%207.942.911%2015.915.543%2023.9.428q9.565-.135%2019.128-.274l13.985-.2c2.461-.036%204.921-.079%207.383-.1%203-.026%205.9-.466%208.882-.663%204.51-.3%208.9-.819%2013.428-.869%203.8-.042%207.473-.746%2011.251-.771%2010.695-.07%2021.163.909%2031.853.757%203.293-.048%206.835-.5%2010.093-.011a33%2033%200%200%200%205.538.389c1.059-.014%202.891.358%203.846-.011%201.27-.492%201.532-2.716%201.788-3.916.406-1.9.625-3.778.948-5.716.306-1.833-.012-3.65.4-5.49%201.105-4.925-.257-10.3.36-15.32%201.059-8.625.39-17.636.345-26.348-.006-1.135.407-2.831-.614-3.519-.351-.237-1.441-.09-1.787-.093-1.631-.014-3.268.076-4.9.1q-4.575.063-9.15.131l-33.795.484C139.916%202.462%2075.428-.836%202.737.206%22%20data-name%3D%22Path%20504%22%2F%3E%0A%3C%2Fsvg%3E');
 }
 .option.correct {
   background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22263.104%22%20height%3D%2263.035%22%3E%0A%20%20%3Cpath%20fill%3D%22%234fbf5a%22%20d%3D%22M2.737.206c.025%205.794.177%2011.6.087%2017.4a43.379%2043.379%200%200%201-.7%206.769C1.67%2026.82%201.9%2029.1%201.643%2031.6A230.758%20230.758%200%200%200%20.019%2059.256c1.625.6%204.2.034%205.887.008%202.772-.044%205.551-.131%208.323-.139%205.287-.014%2010.455%201.127%2015.74%201.015%2012.485-.262%2025.173-.964%2037.641-.433%207.857.336%2015.805.6%2023.632%201.344%206.15.582%2012.36.684%2018.485%201.384%207.942.911%2015.915.543%2023.9.428q9.565-.135%2019.128-.274l13.985-.2c2.461-.036%204.921-.079%207.383-.1%203-.026%205.9-.466%208.882-.663%204.51-.3%208.9-.819%2013.428-.869%203.8-.042%207.473-.746%2011.251-.771%2010.695-.07%2021.163.909%2031.853.757%203.293-.048%206.835-.5%2010.093-.011a33%2033%200%200%200%205.538.389c1.059-.014%202.891.358%203.846-.011%201.27-.492%201.532-2.716%201.788-3.916.406-1.9.625-3.778.948-5.716.306-1.833-.012-3.65.4-5.49%201.105-4.925-.257-10.3.36-15.32%201.059-8.625.39-17.636.345-26.348-.006-1.135.407-2.831-.614-3.519-.351-.237-1.441-.09-1.787-.093-1.631-.014-3.268.076-4.9.1q-4.575.063-9.15.131l-33.795.484C139.916%202.462%2075.428-.836%202.737.206%22%20data-name%3D%22Path%20504%22%2F%3E%0A%3C%2Fsvg%3E');
 }

#answerFeedback {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

#questionCounter {
  font-size: 1.2rem;
  margin: 1em 0;
}

#nextButtonContainer {
  min-height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.incorrect-message, .correct-message {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.quiz-top-img {
  position: relative;
  height: 15em;
  width: 75%;
  margin: 20px auto;
}

.quiz-top-img img {
  position: absolute;
  top: 0;
  height: inherit;
}
.quiz-top-img img:nth-of-type(1) {
  left: 7%;
}

.quiz-top-img img:nth-of-type(2) {
  left: 45%;
  transform: translateX(-50%);
  height: 25%;
}

.quiz-top-img img:nth-of-type(3) {
  right: 10%;
}

@media (max-width: 680px) {
    .quiz-top-img {
      height: 10em;
      width: 100%;
    }
}