body {
  background-image: url(image.jpg);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
  justify-content: center;
  display: flex;
  align-items: center;
  height: 100vh;
  margin: 0;
}
h1 {
  font-family: "Times New Roman", Times, serif;
  font-size: clamp(32px, 6vw, 72px); /* responsive instead of 4rem */
  text-align: center;
  color: aliceblue;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  padding: 14px 18px;
  backdrop-filter: blur(5px);

  width: fit-content; /* instead of 50% */
  min-width: 220px;
  max-width: 92%;
}