/* Setting the body background with the tiled image */
body, html {
    height: 100%;
    margin: 0;
    background-color: #E7EBFF;
    background-image: url('wishbooth-bg.png'); /* Set the background image */
    background-repeat: repeat; /* Tile the background image */
}

/* Styling the container to center the logo image */
.container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

/* Adjusting the logo image to be 30% of the viewport height */
.center-logo {
    height: 30vh; /* vh is viewport height */
}