body {
        font-family: garamond;
        color: #453D3D;
        text-align: left;
        padding-top: 20px;
        padding-left: 20px;
        padding-right: 20px;
        background: #04820c;
        background: radial-gradient(circle, rgba(98, 92, 122, 1) 52%, rgba(39, 14, 140, 1) 80%, rgba(2, 107, 34, 1) 89%);
        min-height:100vh;
        }
#imageContainer {
            position: relative;
            margin: 20px; 
            font-family: garamond;
            padding: 50px 50px;
            color: white; /* Set the text color */
            font-size: 1em;
            min-height: 300px;
            background: #12d0ff;
	        background: radial-gradient(circle, rgba(98, 92, 122, 1) 52%, rgba(39, 14, 140, 1) 80%, rgba(2, 107, 34, 1) 89%);
		    box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.1);
            border-radius: 100px; /* Round the corners */
            box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.1); /* Add a subtle shadow */
            line-height: 1.2; /* Adjust line spacing */
	
}

#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;
}