.integration {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; /* Stack elements on smaller screens */
}

.integration img {
    max-width: 100%; /* Ensures the image scales properly */
}

@media (min-width: 1024px) {
    .integration {
        flex-direction: row; /* Align elements side by side on larger screens */
    }

    .integration img {
        width: 50vh; /* Adjust size for larger screens */
        height: 31vh;


    }
}