@media screen and (max-width: 600px) {
  #resp {
    width: 10%;
    height: 5%;
  }
  #hautgauche {
    font-size: 7vh;
  }
  #hautdroite {
    font-size: 7vh;
  }
  #basgauche {
    font-size: 7vh;
  }
  #basdroite {
    font-size: 7vh;
  }

  #respo {
    font-size: 7vh;
  }
  .font {
    font-size: 2vh;
  }

  #respo2 {
    font-size: 2vh;
  }
  #respo3 {
    right: -80px;
    top: 365px;
  }
  #respo4 {
    left: -65px;
    top: 365px;
  }
  #resp5 {
    left: 40px;
    /* height: 1%;
            width: 1%; */
  }
  #basgauche {
    top: 900px;
  }

  #explication4resp {
    font-size: 6vh;
    line-height: 55px;
    top: 300px;
    width: 300px;
    left: -150px;
  }

  #explication-resp {
    font-size: 6vh;
    line-height: 55px;
    top: 300px;
    width: 300px;
    left: -150px;
  }
  /* Rédigez vos propriétés CSS ici */
}

@media screen and (min-height: 1000px) {
  .background {
    /* background-color:blue; */
  }
  .oeuf {
    top: 400px;
  }
  .recette {
    top: 480px;
  }
  .mimosa {
    top: 400px;
  }
  .original {
    top: 480px;
    left: -190px;
  }

  /* .circle2 {
    top: 10600px;
  }
  .circle3 {
    top: 13900px;
  }  */
}