/* Portfolio grid */
.portfolio-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 40px;
    padding: 40px 0;
}

/* Portfolio item */
.portfolio-item {
    text-align: center;
}

.portfolio-item img {
    width: 80%;
    height: auto;
    cursor: zoom-in;
    transition: transform 0.2s ease, opacity 0.2s ease;
}

.portfolio-item img:hover {
    transform: scale(1.03);
    opacity: 0.9;
}

.portfolio-item img.portret {
    width: 40%;
}

/* Teksten binnen portfolio items */
.portfolio-item h2 {
    margin-top: 15px;
    text-align: right;
    padding-right: 10%;
    color: red;
}

.portfolio-item p {
    text-align: right;
    padding-right: 10%;
    color: blue;
}