@media screen and (min-width:1921px){
    .responsivemargin{
        margin-left:10%;
        margin-right:10%
    }

    /* Szerokość obrazków w zależności od pozycji */
.image-container div:first-child,
.image-container div:last-child {
    width: 40vw; /* Ustawiamy szerszą szerokość dla obrazków na bokach */
    height: 16vw;
}

.image-container div:nth-child(2) {
    width: 25vw; /* Ustawiamy węższą szerokość dla środkowego obrazka */
    height: 16vw;
}

/* Szerokość obrazków w zależności od pozycji */
.image-container2 div:nth-child(2),
.image-container2 div:last-child {
    width: 40vw; /* Ustawiamy szerszą szerokość dla obrazków na bokach */
    height: 16vw;}

.image-container2 div:first-child {
    width: 25vw; /* Ustawiamy węższą szerokość dla środkowego obrazka */
    height: 16vw;
}


}
@media screen and (min-width:2500px){
    .responsivemargin{
        margin-left:20%;
        margin-right:20%
    }

        /* Szerokość obrazków w zależności od pozycji */
.image-container div:first-child,
.image-container div:last-child {
    width: 40vw; /* Ustawiamy szerszą szerokość dla obrazków na bokach */
    height: 12vw;
}

.image-container div:nth-child(2) {
    width: 25vw; /* Ustawiamy węższą szerokość dla środkowego obrazka */
    height: 12vw;
}

/* Szerokość obrazków w zależności od pozycji */
.image-container2 div:nth-child(2),
.image-container2 div:last-child {
    width: 40vw; /* Ustawiamy szerszą szerokość dla obrazków na bokach */
    height: 12vw;}

.image-container2 div:first-child {
    width: 25vw; /* Ustawiamy węższą szerokość dla środkowego obrazka */
    height: 12vw;
}
    
}

@media screen and (min-width:3100px){
    .responsivemargin{
        margin-left:25%;
        margin-right:25%
    }
        /* Szerokość obrazków w zależności od pozycji */
.image-container div:first-child,
.image-container div:last-child {
    width: 40vw; /* Ustawiamy szerszą szerokość dla obrazków na bokach */
    height: 10vw;
}

.image-container div:nth-child(2) {
    width: 25vw; /* Ustawiamy węższą szerokość dla środkowego obrazka */
    height: 10vw;
}

/* Szerokość obrazków w zależności od pozycji */
.image-container2 div:nth-child(2),
.image-container2 div:last-child {
    width: 40vw; /* Ustawiamy szerszą szerokość dla obrazków na bokach */
    height: 10vw;}

.image-container2 div:first-child {
    width: 25vw; /* Ustawiamy węższą szerokość dla środkowego obrazka */
    height: 10vw;
}
}