body {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    margin: 20px;
    background-color: #f2f2f2; /* A neutral background color */
}
 
.container {
    width: 300px; /* Adjust the width as needed */
    padding: 20px;
    text-align: right;
    border-radius: 10px;
    margin: 10px;
}
 
/* Set specific background colors based on the dominant color of the images */
#me {
    background-color: #FF0000; 
    text-align: center; /* Replace with the dominant color of your portrait image */
}
 
#darling {
    background-color: #FF0000;
    text-align: center; /* Replace with the dominant color of your favorite movie image */
}
 
img {
    max-width: 100%;
    height: auto;
}
 
/* Add a 4px wide, solid red border to the "my-image" */
#my-image {
    border-width: 4px solid red;
}