.myPanelWrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 10px; /* Adjust the gap if needed */
}

.myPanelGroup {
    flex: 1 1 400px; /* Ensure it has a base minimum width of 400px */
    background-color: #cccccc !important;
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    margin-bottom: 20px; /* Add space after the wrapper */
}

/* On narrow screens (mobile devices) */
@media (max-width: 768px) {
    .myPanelWrapper {
        flex-direction: column; /* Stack the groups on small screens */
    }

    .myPanelGroup {
        flex: 1 1 100%; /* Take full width when stacked */
    }
}