.preload .image-slideshow-item {
  animation: none !important;
}

#image-slideshow .container {
    margin-bottom: 50px;
}
.image-slideshow-wrp {
    max-width: 1080px;
    height: 845px;
    margin: 0 auto 100px auto;
    display: grid;
    /*grid-template: repeat(20, 5% ) / repeat(20, 5% );*/
    grid-template: repeat(40, 2.5% ) / repeat(25, 4% );
    column-gap: 0;
    row-gap: 0;
    /*overflow: hidden;*/
    /*border: 1px solid #000;*/
}
.image-slideshow-item img {
    max-width: 530px;
    max-height: 530px;
}


@keyframes fadein{
    0% { opacity:0; }
    100% { opacity:1; }
}
/* .image-slideshow-item {
    opacity: 0;
    animation: 1s ease 0s normal forwards 1 fadein;
} */
.image-slideshow-item img {
	max-width: 100%;
	height: auto;
}

#image-slideshow-item-1 {
    grid-area: 10 / 11;
    animation-delay: 3s;
	width: 280px;
}
#image-slideshow-item-2 {
    grid-area: 11 / 17;
    animation-delay: 2.5s;
    width: 390px;
}
#image-slideshow-item-3 {
    grid-area: 1 / 12;
    animation-delay: 2s;
    width: 270px;
}
#image-slideshow-item-4 {
    grid-area: 9 / 5;
    animation-delay: 1.5s;
    width: 310px;
}
#image-slideshow-item-5 {
    grid-area: 20 / 8;
    animation-delay: 1s;
    width: 298px;
}
#image-slideshow-item-6 {
    grid-area: 25 / 14;
    animation-delay: 0.5s;
    width: 317px;
}
#image-slideshow-item-7 {
    grid-area: 16 / 1;
    animation-delay: 0s;
    width: 352px;
}
@media(max-width: 1200px) and (min-width: 576px) {
	.image-slideshow-wrp {
	    max-width: 540px;
	    height: 422px;
	    margin: 0 auto 60px auto;
	    display: grid;
	    grid-template: repeat(40, 2.5% ) / repeat(25, 4% );
	    column-gap: 0;
	    row-gap: 0;
	}
	#image-slideshow-item-1 {
		width: 140px;
	}
	#image-slideshow-item-2 {
	    width: 180px;
	}
	#image-slideshow-item-3 {
	    width: 135px;
	}
	#image-slideshow-item-4 {
	    width: 160px;
	}
	#image-slideshow-item-5 {
	    width: 149px;
	}
	#image-slideshow-item-6 {
    	grid-area: 24 / 14;
	    width: 158px;
	}
	#image-slideshow-item-7 {
	    width: 176px;
	}
}
@media(max-width: 576px) {
	.image-slideshow-wrp {
	    max-width: 100%;
	    width: 334px;
	    height: 526px;
	    margin: 0 auto 40px auto;
	    display: grid;
	    grid-template: repeat(40, 2.5% ) / repeat(25, 4% );
	    column-gap: 0;
	    row-gap: 0;
	}
	#image-slideshow-item-1 {
		grid-area: 1 / 12;
		width: 200px;
		animation-delay: 1.5s;
	}
	#image-slideshow-item-2 {
	    display: none;
	}
	#image-slideshow-item-3 {
	    display: none;
	}
	#image-slideshow-item-4 {
	    display: none;
	}
	#image-slideshow-item-5 {
		grid-area: 21 / 1;
	    width: 190px;
	    animation-delay: 1s;
	}
	#image-slideshow-item-6 {
		grid-area: 20 / 12;
	    width: 185px;
	    animation-delay: 0.5s;
	}
	#image-slideshow-item-7 {
		grid-area: 3 / 2;
	    width: 185px;
	    animation-delay: 0s;
	}
}