.section .image-section-kontener {
    width: 100%;
    height: 100%;
    position: absolute;
    box-sizing: border-box;
    padding: 5.2vh;
    padding-left: calc(567px + 5.2vh); 
    top: 0;
    left: 0;
    margin: 0;
}
body:not(.disable) .section .image-section-kontener {
    transition: all 650ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
}

.section.show-more > .image-section-kontener {padding-left: calc(1037px + 5.2vh);}

/*zdjecia w boxach ogólne */
.section .image-section-kontener.link-image .image img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: gray;
    -webkit-filter: grayscale(1);
}
.section .image-section-kontener.link-image .image:hover img {
    filter: none !important;
    -webkit-filter: grayscale(0);
    }

.section .image-section-kontener .image img {
    transition: all 300ms ease;
}

.section .image-section-kontener .image {width: 50%; height: 100%; float: left; overflow: hidden; z-index: 100; box-sizing: border-box;}
.section .image-section-kontener .image img {object-fit: cover; width: 100%; height: 100%; position: absolute; z-index: 2;}


/* button */
.section .image-section-kontener .image .button {left: 50%; transform: translateX(-50%); bottom: 8.4vh; margin-bottom: 2px; border: 2px solid white; z-index: 3; background-color: white; color: #FFBFB3;}
.section .image-section-kontener .image .button .arrow, .section .image-section-kontener .image .button .arrow::after, .section .image-section-kontener .image .button .arrow::before {background-color: #FFBFB3;}
.section .image-section-kontener .image:hover .button .bb-tekst {left: -1.6vh;}
.section .image-section-kontener .image:hover .button .arrow {right: 1.2vh; transform: translateX(0%);}
.section.show-more .image-section-kontener .image .button { transform: translateX(-50%) scale(0.6);}

/* two image */
.section .image-section-kontener.two-image .image:nth-child(1) {border-right: 2vh solid transparent;}
.section .image-section-kontener.two-image .image:nth-child(2) {border-left: 2vh solid transparent;}

/* thre image */
.section .image-section-kontener.tr-image .image:nth-child(1) {width: 65%; border-right: 2vh solid transparent;}
.section .image-section-kontener.tr-image .image:nth-child(2) {height: 32%; width: 35%; border-left: 2vh solid transparent; border-bottom: 2vh solid transparent;}
.section .image-section-kontener.tr-image .image:nth-child(3) {height: 68%; width: 35%; border-left: 2vh solid transparent; border-top: 2vh solid transparent;}

/* pion wersja */
@media screen and (min-width: 980px) {
    .pion .section .image-section-kontener.two-image .image {width: 100%; height: 50%;}
    .pion .section .image-section-kontener.two-image .image:nth-child(1) {border-right: none; border-bottom: 2vh solid transparent;}
    .pion .section .image-section-kontener.two-image .image:nth-child(2) {border-left: none; border-top: 2vh solid transparent;}

    .pion .section .image-section-kontener.tr-image .image:nth-child(1) {border-right: none; width: 100%; height: 100%;}
    .pion .section .image-section-kontener.tr-image .image:nth-child(2) {display: none;}
    .pion .section .image-section-kontener.tr-image .image:nth-child(3) {display: none;}
}

@media screen and (max-width: 1600px) and (min-width: 1400px){
    .section .image-section-kontener {padding-left: calc(487px + 5.2vh);}
    .section.show-more > .image-section-kontener {padding-left: calc(957px + 5.2vh);}
}

@media screen and (max-width: 1400px) and (min-width: 980px) {
    .section .image-section-kontener {padding-left: calc(345px + 5.2vh);}
    .section.show-more > .image-section-kontener {padding-left: calc(690px + 5.2vh);}
}

@media screen and (max-width: 980px) {
    .section .image-section-kontener {position: relative; z-index: 1; width: 100%; padding: 0; height: 72vw; min-height: 280px;}
    .section .image-section-kontener.two-image .image:nth-child(1) {border-right: 1.5vw solid transparent;}
    .section .image-section-kontener.two-image .image:nth-child(2) {border-left: 1.5vw solid transparent;}
    .section .image-section-kontener.tr-image .image:nth-child(1) {border-right: 1.5vw solid transparent;}
    .section .image-section-kontener.tr-image .image:nth-child(2) {border-left: 1.5vw solid transparent;border-bottom: 1.5vw solid transparent;}
    .section .image-section-kontener.tr-image .image:nth-child(3) {border-left: 1.5vw solid transparent; border-top: 1.5vw solid transparent;}

    /* image buttons */
    .section .image-section-kontener .image {text-decoration: none;}
    .section .image-section-kontener .image .button {width: 160px; left: 0; transform: translateX(0); min-width: 140px; height: 35px; line-height: 35px; top: unset; bottom: 20px !important; position: absolute;}
    .section .image-section-kontener .image:nth-child(1) .button {left: -20px;}
    .section .image-section-kontener .image:nth-child(2) .button {left: unset; right: -20px;}
    .section .image-section-kontener .image .button .bb-tekst {line-height: 35px; height: 35px;}
    .section .image-section-kontener .image:hover .button .bb-tekst {left: 0;}

    /* more */
    .section.show-more > .image-section-kontener {padding-left: 0;}
    .section.show-more .image-section-kontener .image .button {transform: translateX(0) scale(1);}
    
}