body {
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background-color: #f4f1de;
    background-image: url('image.webp');
    background-size: contain; /* Change from 'cover' to 'contain' */
    background-repeat: no-repeat; /* Prevent image repetition */
    background-position: center; /* Center the image */
    background-blend-mode: multiply;
    font-family: 'serif';
    color: #583d72;
    text-align: center;
}

.h1 {
    font-size: 3em;
    margin-bottom: 10px;
}

p {
    font-size: 1.2em;
    margin-bottom: 20px;
}

.container {
  background-color: rgba(255,255,255,0.7);
  padding: 30px;
  border-radius: 10px;
}