/* Base styles for larger screens */
.image-with-border {
    border: 3px solid #9c9a91; /* Golden border */
    border-radius: 15px; /* Rounded corners */
    padding: 10px; /* Space between the image and the border */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.6);
}
img {
    width: 100%;
    height: auto;
}

/* Styles for screens with a max width of 768px (typically mobile devices) */
@media (max-width: 768px) {
    img {
        width: 100%; /* Ensure the image fills the width of its container */
        height: auto; /* Maintain the aspect ratio */
        object-fit: cover; /* Optionally, use cover to fill the container */
    }
}