#custom-404 {
  height: 60vh;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  overflow: hidden;
}

.title-404 {
  color: #454647;
}

.description-404 {
  font-weight: 300;
}

.title-404,
.description-404,
.button-group-404,
.img-404 {
  position: absolute;
}

.button-group-404 {
  display: flex;
  gap: 20px;
  position: absolute;
  width: 565px;
}

/* For mobile devices */
@media (max-width: 768px) {
  .description-404,
  .button-group-404 {
    position: relative !important;
    width: auto; /* Adjust based on your design */
    top: initial;
    text-align: center;
  }

  .title-404 {
    font-size: 150px;
    top: -20px;
  }

  .description-404 {
    top: 150px;
  }

  .img-404 {
    top: 12%;
    height: auto;
    max-width: 75%;
  }

  .button-group-404 {
    top: 140px;
    display: flex;
    flex-direction: column;
    gap: 5px; /* Adjust this value to increase or decrease the vertical spacing */
    align-items: center;
  }
}