.integration-section {
    text-align: center;
    padding: 20px;
}

.integration-slider {
    overflow: hidden; /* Disable scrolling */
    width: 100%;
    margin: 0 auto;
}

.integration-images {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
	
    gap: 30px; /* Adjust the gap between images as needed */
    max-width: 100%; /* Ensure the container does not exceed its parent's width */
    box-sizing: border-box; /* Include padding and border in the element's total width */
}

.integration-images img {
    max-width: 100%;
	aspect-ratio: 16/9; /* Maintain a specific aspect ratio */
    height: auto;
    object-fit: contain; /* Ensures the image maintains its aspect ratio */
    flex: 1 1 calc(20% - 40px); /* Reduce the percentage to make images smaller */
	max-width: 150px; /* Set a fixed maximum width */
    max-height: 80px; /* Adjust the max height as needed */
    box-sizing: border-box; /* Include padding and border in the element's total width */
}

@media (max-width: 768px) {
    .integration-images img {
        flex: 1 1 calc(40% - 30px); /* Adjust for smaller screens */
    }
}

@media (max-width: 480px) {
    .integration-images img {
        flex: 1 1 calc(80% - 20px); /* Adjust for mobile screens */
    }
}