.navbar-brand img {
    max-width: 10em;
}

.inner-box .image img {
    display: block;
}

/* Default styles for all images */
.large-image,
.medium-image,
.small-image,
.tiny-image {
    display: none !important;
    /* Hide all images by default */
}

/* Media query for screens larger than or equal to 1500px (large screens) */
@media (min-width: 1500px) {
    .large-image {
        display: block !important;
        /* Display large images on large screens */
    }
}

/* Media query for screens between 1200px and 1499px (medium screens) */
@media (min-width: 1200px) and (max-width: 1499px) {
    .medium-image {
        display: block !important;
        /* Display medium images on medium screens */
    }
}

/* Media query for screens between 800px and 1199px (small screens) */
@media (min-width: 800px) and (max-width: 1199px) {
    .small-image {
        display: block !important;
        /* Display small images on small screens */
    }
}

/* Media query for screens less than 800px (tiny screens) */
@media (max-width: 799px) {
    .tiny-image {
        display: block !important;
        /* Display tiny images on tiny screens */
    }
}