.portfolio {
    padding: 40px 0 100px;
}

.portfolio .section-description+.section-gallery .section-title {
    padding-top: 100px;
}

.portfolio .gallery-wrapper {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 24px;
}

.portfolio-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}

.portfolio-wrapper .portfolio-single {
    width: calc(33.33333333% - 16px);
    position: relative;
}

.portfolio-wrapper .portfolio-single .folio-image {
    display: flex;
    align-items: flex-end;
}

.portfolio-wrapper .portfolio-single .folio-image {
    aspect-ratio: 4 / 3;
    width: 100%;
    object-fit: cover;
    position: relative;
}

@media (max-width:991px) {
    .portfolio-wrapper .portfolio-single {
        width: calc(50% - 12px);
    }
}

@media (max-width:768px) {
    .portfolio-wrapper .portfolio-single {
        width: 100%;
    }
}