body {
    font-family: serif;
    text-align: center;
    padding-top: 50px;
    background: rgba(250, 147, 250, 1);
    min-height: 100vh;
        }
        
#imageContainer {
    position: relative; /* Essential for positioning child images */
    width: 90vw;
    height: calc(85vh - 80px); /* Adjust height to accommodate the button */
    border: 8px solid #ccc;
    overflow: hidden; /* Prevent images from overflowing the container */
    border-radius: 800px;
		background: #12d0ff;
background: radial-gradient(circle,rgba(18, 208, 255, 1) 62%, rgba(250, 147, 250, 1) 80%, rgba(2, 107, 34, 1) 89%);
		box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.1);
}

#addImageButton {
            padding: 8px 8px;
            font-size: 1.8em;
	    font-family: garamond;
	    Font-weight: bold;
	    color: white;
            cursor: grab;
		border-radius: 80px;
		background-color: rgba(63, 82, 251, 1);
		background: #fc46d5;
         background: radial-gradient(circle,rgba(252, 70, 213, 1) 0%, rgba(204, 192, 192, 1) 68%, rgba(63, 82, 251, 1) 80%);
		box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.1);
        width: 80px;
    height: 80px;
display: flex; 
justify-content: center; 
align-items: center;
float: right;

}
.random-image {
    position: absolute;
    max-width: 200px; /* Example size */
    max-height: 200px; /* Example size */
    object-fit: contain;
}