* {
    background-color: #fcdfd4;
    color: #872c22;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.grid > * {
    border: 2px solid;
    border-radius: 5px;
    background-color: lightpink;
}

.grid {
    display: block flex;
    flex-direction: row;
    border: 2px;
}

img {
    max-width: 100%; /* Ensures the image doesn't exceed its container's width */
    height: auto; /* Maintains the aspect ratio of the image */
    display: block; /* Optional: Removes extra space below the image, especially if it's in a paragraph */
}