.container {
  min-height: 100vh;
  /*padding: 0 0.5rem;*/
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-image: url("/background/bg_accueil.png");
  overflow: hidden;
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
}

@media screen and (min-width: 1200px) {
  .container {
    padding-top: 5vh
  }
}