.referentie-overviewGrid {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* Creates 4 equal columns */
    gap: 3rem 2rem; /* Adjust the gap between items as needed */
}
  
.referentieTitle {
    width:100% !important;
    margin: 3rem 0 2.1rem;
}
.referentie-overviewGrid .referentieGridItem {
    position: relative;
    background-color: #fff; /* Just a sample background color */
    padding: 20px; /* Adjust padding as needed */
    display: flex;
    justify-content: center;
    align-items: center;
    aspect-ratio: 1.9; /* Ensures equal width and height */
    border-radius: 13px;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 5%);
    border-top: 5px solid var(--themePrimary);
    max-width: 100%;
}
  
.referentie-overviewGrid .referentieGridItem .imageHolder{background-size: contain;max-height: calc(100% - 10px);}
.referentie-overviewGrid .referentieGridItem .materiaalSponsor{
    position:absolute;
    top: -22px;
    right: -20px;
    height:60px;
}

@media screen and (max-width:1024px){     
    .referentie-overviewGrid {
        grid-template-columns: repeat(2, 1fr);
    }   
}

@media screen and (max-width:769px){       
    .referentie-overviewGrid {
        grid-template-columns: repeat(1, 1fr);
    }   
}