.opkikker-vierkant-100 {
    width: 100px; /* Breedte van de afbeelding */
    height: 100px; /* Hoogte van de afbeelding */
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative; /* Houdt alles binnen de container */
}

.opkikker-vierkant-100 img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Zorgt dat de afbeelding de container volledig vult */
    object-position: center; /* Centreert de afbeelding binnen de container */
    position: absolute; /* Houdt de afbeelding vast binnen de container */
    top: 0;
    left: 0;
}

.opkikker-vierkant-350 {
    width: 350px; /* Breedte van de afbeelding */
    height: 350px; /* Hoogte van de afbeelding */
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative; /* Houdt alles binnen de container */
}

.opkikker-vierkant-350 img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Zorgt dat de afbeelding de container volledig vult */
    object-position: center; /* Centreert de afbeelding binnen de container */
    position: absolute; /* Houdt de afbeelding vast binnen de container */
    top: 0;
    left: 0;
}
.opkikker-vierkant-450 {
    width: 450px; /* Breedte van de afbeelding */
    height: 450px; /* Hoogte van de afbeelding */
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative; /* Houdt alles binnen de container */
}

.opkikker-vierkant-450 img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Zorgt dat de afbeelding de container volledig vult */
    object-position: center; /* Centreert de afbeelding binnen de container */
    position: absolute; /* Houdt de afbeelding vast binnen de container */
    top: 0;
    left: 0;
}

.opkikker-vierkant-500 {
    width: 500px; /* Breedte van de afbeelding */
    height: 500px; /* Hoogte van de afbeelding */
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative; /* Houdt alles binnen de container */
}

.opkikker-vierkant-500 img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Zorgt dat de afbeelding de container volledig vult */
    object-position: center; /* Centreert de afbeelding binnen de container */
    position: absolute; /* Houdt de afbeelding vast binnen de container */
    top: 0;
    left: 0;
}

.opkikker-350 {
    width: 100%; /* Breedte van de afbeelding */
    height: 350px; /* Hoogte van de afbeelding */
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative; /* Houdt alles binnen de container */
}

.opkikker-350 img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Zorgt dat de afbeelding de container volledig vult */
    object-position: center; /* Centreert de afbeelding binnen de container */
    position: absolute; /* Houdt de afbeelding vast binnen de container */
    top: 0;
    left: 0;
}

.opkikker-250 {
    width: 100%; /* Breedte van de afbeelding */
    height: 250px; /* Hoogte van de afbeelding */
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative; /* Houdt alles binnen de container */
}

.opkikker-250 img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Zorgt dat de afbeelding de container volledig vult */
    object-position: center; /* Centreert de afbeelding binnen de container */
    position: absolute; /* Houdt de afbeelding vast binnen de container */
    top: 0;
    left: 0;
}