@import "../Components/headerNoImage.css";

#portfolio-categories .portfolio-category {
    width: 46%;
}
#portfolio-categories .stripe-container-inner { 
    justify-content: space-between;
    gap: 5.21vw 0; /* 100 */
}
#portfolio-categories .portfolio-category .image-container {
    height: 42.03vw; /* 807 */
    position: relative;
}
#portfolio-categories .prev-content {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}


#portfolio-categories .portfolio-category.type-0 .prev-content {
    text-align: center;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    padding: 2.08vw 3.13vw; /* 40 60 */
}

#portfolio-categories .portfolio-category.type-1 .prev-content {
    text-align: center;
    top: unset;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    padding: 3.13vw; /* 60 */
}

#portfolio-categories .portfolio-category.type-2 .prev-content {
    top: 0;
    left: 0;
    width: 100%;
    padding: 2.08vw 6.25vw 2.08vw 3.13vw; /* 40 120 40 60 */
}

#portfolio-categories .portfolio-category.type-3 .prev-content {
    text-align: right;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 100%;
    padding: 2.08vw 3.13vw 2.08vw 6.25vw; /* 40 60 40 120 */
}

#portfolio-categories .portfolio-category.type-4 .prev-content {
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 100%;
    padding: 2.08vw 6.25vw 2.08vw 3.13vw; /* 40 120 40 60 */
}

#portfolio-categories .portfolio-category.type-5 .prev-content {
    top: unset;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 2.08vw 6.25vw 2.08vw 3.13vw; /* 40 120 40 60 */
}


@media screen and (max-width: 1366px) {

}

@media screen and (max-width: 992px) {

}

@media screen and (max-width: 767px) {

}