section.communities {
    gap: 30px;
    
    padding-inline: 100px;
    padding-left: 100px;
    padding-right: 100px;
    
    padding-block: 90px;
    padding-top: 90px;
    padding-bottom: 90px;
}
    
    section.communities .background {
        mix-blend-mode: color-burn;
    }
    
    section.communities .imgCommunities {
        display: flex;
        flex-direction: row;
        gap: 50px;
        justify-content: center;
        align-items: center;
        height: 20vw;
    }
    
    section.communities .imgCommunities img {
            border-radius: 30px;
            -o-object-fit: cover;
               object-fit: cover;
        }
    
    section.communities .imgCommunities img.left {
                /* width: 540px; */
                /* height: 306px; */
                aspect-ratio: 1.764/1;
                height: 100%;
            }
    
    section.communities .imgCommunities img.right {
                /* width: 611px; */
                /* height: 306px; */
                aspect-ratio: 1.996/1;
                height: 100%;
            }
    
    section.communities .subtitle, section.communities .textTop {
        font-size: 2rem;
    }
    
    section.communities .textBottom {
        font-size: 1.75rem;
    }

/* @media (max-width: 81.25rem) {
    section.communities {
        img {
            &.left {
                zoom: 0.8;
            }

            &.right {
                zoom: 0.8;
            }
        }
    }
}

@media (max-width: 62.5rem) {
    section.communities {
        img {
            &.left {
                zoom: 0.7;
            }
    
            &.right {
                zoom: 0.7;
            }
        }
    }
}

@media (max-width: 56.25rem) {
    section.communities {
        img {
            &.left {
                zoom: 0.6;
            }
    
            &.right {
                zoom: 0.6;
            }
        }
    }
}

@media (max-width: 48.125rem) {
    section.communities {
        img {
            &.left {
                zoom: 0.5;
            }
    
            &.right {
                zoom: 0.5;
            }
        }
    }
} */

@media (max-width: 59.375rem) {
    section.communities {
        gap: 25px;
        
        padding-inline: 30px;
        padding-left: 30px;
        padding-right: 30px;
        
        padding-block: 30px;
        padding-top: 30px;
        padding-bottom: 30px;
    }

        section.communities .textTop {
            font-size: 1.5rem;
        }

        section.communities .subtitle {
            font-size: 1.5rem;
        }

        section.communities .textBottom {
            font-size: 1.5rem;
        }
        section.communities .imgCommunities {
            flex-direction: column;
            height: auto;
            width: 100%;
        }

            section.communities .imgCommunities img {
                height: auto;
                width: 100%;
            }
}