/* styles.css */

/* Default image width for larger screens */
.responsive-image {
    width: 90vw;  /* Default to almost full width on mobile */
    max-width: 100%;  /* Ensure it never exceeds its container */
    height: auto;  /* Maintain aspect ratio */
}

/* Tablets */
@media (min-width: 768px) {
    .responsive-image {
        width: 60vw;
    }
}

/* Desktops */
@media (min-width: 1024px) {
    .responsive-image {
        width: 40vw;
    }
}