.overcontainer{
    margin: 2rem;
}


.overcontent {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 50px;
    padding: 2vw;
    font-size: var(--font-size);
    color: var(--black);
    border-radius: var(--border-radius);/* 125% 8% 92% 8% / 4% 88% 12% 96% ; */
    border: var(--border);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.overcontent h2 {
    
    color: var(--black);
    font-style: italic;
}

.fietsenwinkel {
    margin-top: 2vw;
    width: 45%;
    height: auto;
    border-radius: var(--border-radius);

}

.fietsenwinkel:hover {
    filter: grayscale(70%);
    transition: transform 0.5s;
    transform: scale(1.1);
}

.flexbox {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1em;
    flex-wrap: wrap;
}

.class-opacity {
    opacity: 1!important;
}

@media screen and (max-width: 768px) {
    .overcontent {
        font-size: var(--font-size-small);
    }
    .class-opacity {
        transform: translateX(0)!important;
    }
    .fietsenwinkel:hover {
        filter: grayscale(0%);
        transform: scale(1.0);
    }
    
    .fietsenwinkel {
        width: 55%;
        height: auto;
    }
}