body {
    background-size: cover; 
    background-image: url(./debut.jpg);
    background-repeat: no-repeat;
}

.button {
    position: absolute;
    display: inline-block;
    padding: 10px 20px;
    background-color: #663f16;
    color: #fff;
    text-decoration: none;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    top: 933px; /* Position from top */
    left: 50%; /* Position from left */
    transform: translate(-50%, -50%); /* Center the button */
}

  .button:hover {
    background-color: #ffffff;
    color: #663f16;
  }

  @media (max-width: 766px) {
    body {
      background-size: cover; 
      background-image: url(./debut2.jpg);
      background-repeat: no-repeat;
  }

  .button {
    position: absolute;
    display: inline-block;
    padding: 10px 20px;
    background-color: #663f16;
    color: #fff;
    text-decoration: none;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    top: 1115px; 
    left: 50%; 
    transform: translate(-50%, -50%); 
}
  }