.cloud-providers {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 100px; /* Adds gap between the images */
    flex-wrap: wrap; /* Ensures responsiveness */
    padding: 20px 0; /* Optional: Adds padding to the section */
}

.cloud-providers div {
    text-align: center;
}

.cloud-providers img {
    max-width: 100%;
    height: auto;
    width: 100px; /* Adjust as per your design */
}

@media (min-width: 768px) {
    .img-main {
        height: 600px;
    }
}