@media (max-width: 768px) {
    .form-group.d-flex {
        flex-direction: column;
        align-items: flex-start; /* Align items to the start of the flex container */
    }
    .form-group .form-control-file {
        width: 100%; /* Full width to match the parent's width */
    }
}