#portfolio-design .main__image:hover::after{
    background-color: var(--leather);
    color: var(--white);
    font-weight: 100;
}

#portfolio-design .main__col {
    height: 200px;
}

/* BRANDING */
.image--branding {
    background: url("/assets/images/design/branding.webp") center / contain no-repeat;
}

.main--portfolio .image--branding::after {
    content: "branding & identity design";
}

/* INTERNAL COMMUNICATION */
.image--internalcommunication {
    background: url("/assets/images/design/internalcommunication.webp") center / cover no-repeat;
}

.main--portfolio .image--internalcommunication::after {
    content: "internal communication";
}

/* PRODUCT */
.image--product {
    background: url("/assets/images/design/product.webp") center / cover no-repeat;
}

.main--portfolio .image--product::after {
    content: "printed & handmade";
}

/* ILLUSTRATION */
.image--illustration {
    background: url("/assets/images/design/illustration.webp") center / cover no-repeat;
}

.main--portfolio .image--illustration::after {
    content: "illustration";
}

/* .main--portfolio .container__content {
    width: 100vw;
    gap: 0;
} */