/* Default state - hide all views */
.mobile-view-about,
.tablet-view,
.desktop-view {
    display: none !important;
}

/* Desktop view (above 1030px) */
@media (min-width: 1030px) {
    .desktop-view {
        display: block !important;
    }

    .mobile-view-about,
    .tablet-view {
        display: none !important;
    }
}

/* Tablet view (768px to 1029px) */
@media (min-width: 768px) and (max-width: 1029px) {
    .tablet-view {
        display: block !important;
    }

    .mobile-view-about,
    .desktop-view {
        display: none !important;
    }
}

/* Mobile view (below 768px) */
@media (max-width: 767px) {
    .mobile-view-about {
        display: block !important;
    }

    .desktop-view,
    .tablet-view {
        display: none !important;
    }
}