@media screen and (max-width: 768px) {
    .main-header-title {
        height: auto !important;
        min-height: 110% !important; /* Increase size slightly */
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    .main-header-title-image {
        width: 100% !important;
        height: auto !important;
        max-height: 100% !important; /* Slightly increase the image height */
        object-fit: cover !important;
        display: block !important;
    }
}