/* Reset some default margin and padding */
body, html {
    margin: 0;
    padding: 0;
    font-family:  Arial, serif;
    background-color: black;
}

/* Center align everything */
.container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
}

/* Set max-width for the image to prevent overflow */
.image-wrapper {
    max-width: 100%;
}

/* Make images responsive */
.responsive-image {
    width: 100%;
    height: auto;
}

/* Adjust audio player width */
.audio-wrapper {
    width: 100%;
    max-width: 300px; /* Adjust as needed */
}