.ec-creative-gallery-wrapper {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.ec-creative-gallery-wrapper article{
	display: grid;
	grid-auto-rows: 100px;
	margin-bottom: 100px;
	grid-template-columns: repeat(6, 100px);
	place-items: start center;
	gap: 2px;
}
.ec-creative-gallery-wrapper article:hover img:not(:hover),
.ec-creative-gallery-wrapper article:focus img:not(:focus){
	filter: brightness(0.4) contrast(0.4);
}

.ec-creative-gallery-wrapper article img,
.ec-creative-gallery-wrapper article a{
	object-fit: cover;
	width: 200px;
	height: 200px;
	grid-column: auto / span 2;
	border-radius: 5px;
	clip-path: path("M90,10 C100,0 100,0 110,10 190,90 190,90 190,90 200,100 200,100 190,110 190,110 110,190 110,190 100,200 100,200 90,190 90,190 10,110 10,110 0,100 0,100 10,90Z");
	transition: clip-path 0.3s, filter 0.5s;
}
.ec-creative-gallery-wrapper article img:nth-of-type(5n - 1),
.ec-creative-gallery-wrapper article a:nth-of-type(5n - 1){
		grid-column: 2 / span 2
}
.ec-creative-gallery-wrapper.layout2 article img,
.ec-creative-gallery-wrapper.layout2 article a{
	clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}
.ec-creative-gallery-wrapper.layout3 article img,
.ec-creative-gallery-wrapper.layout3 article a{
	clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);
}
.ec-creative-gallery-wrapper.layout4 article img,
.ec-creative-gallery-wrapper.layout4 article a{
	clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
}
.ec-creative-gallery-wrapper.layout5 article img,
.ec-creative-gallery-wrapper.layout5 article a{
	clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}
.ec-creative-gallery-wrapper.layout6 article img,
.ec-creative-gallery-wrapper.layout6 article a{
	clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
}
.ec-creative-gallery-wrapper.layout7 article img,
.ec-creative-gallery-wrapper.layout7 article a{
	clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
.ec-creative-gallery-wrapper.layout8 article img,
.ec-creative-gallery-wrapper.layout8 article a{
	clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
}
.ec-creative-gallery-wrapper.layout9 article img,
.ec-creative-gallery-wrapper.layout9 article a{
	clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
}
.ec-creative-gallery-wrapper.layout10 article img,
.ec-creative-gallery-wrapper.layout10 article a{
	clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);
}
.ec-creative-gallery-wrapper.layout11 article img,
.ec-creative-gallery-wrapper.layout11 article a{
	clip-path: polygon(50% 0%, 80% 10%, 100% 35%, 100% 70%, 80% 90%, 50% 100%, 20% 90%, 0% 70%, 0% 35%, 20% 10%);
}
.ec-creative-gallery-wrapper.layout12 article img,
.ec-creative-gallery-wrapper.layout12 article a{
	clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%);
}
.ec-creative-gallery-wrapper.layout13 article img,
.ec-creative-gallery-wrapper.layout13 article a{
	clip-path: polygon(0% 15%, 15% 15%, 15% 0%, 85% 0%, 85% 15%, 100% 15%, 100% 85%, 85% 85%, 85% 100%, 15% 100%, 15% 85%, 0% 85%);
}
.ec-creative-gallery-wrapper.layout14 article img,
.ec-creative-gallery-wrapper.layout14 article a{
	clip-path: polygon(40% 0%, 40% 20%, 100% 20%, 100% 80%, 40% 80%, 40% 100%, 0% 50%);
}
.ec-creative-gallery-wrapper.layout15 article img,
.ec-creative-gallery-wrapper.layout15 article a{
	clip-path: polygon(0% 20%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0% 80%);
}
.ec-creative-gallery-wrapper.layout16 article img,
.ec-creative-gallery-wrapper.layout16 article a{
	clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 25% 100%, 0% 50%);
}
.ec-creative-gallery-wrapper.layout17 article img,
.ec-creative-gallery-wrapper.layout17 article a{
	clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
}
.ec-creative-gallery-wrapper.layout18 article img,
.ec-creative-gallery-wrapper.layout18 article a{
	clip-path: polygon(100% 0%, 75% 50%, 100% 100%, 25% 100%, 0% 50%, 25% 0%);
}
.ec-creative-gallery-wrapper.layout19 article img,
.ec-creative-gallery-wrapper.layout19 article a{
	clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);
}
.ec-creative-gallery-wrapper.layout20 article img,
.ec-creative-gallery-wrapper.layout20 article a{
	clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}
.ec-creative-gallery-wrapper.layout21 article img,
.ec-creative-gallery-wrapper.layout21 article a{
	clip-path: polygon(10% 25%, 35% 25%, 35% 0%, 65% 0%, 65% 25%, 90% 25%, 90% 50%, 65% 50%, 65% 100%, 35% 100%, 35% 50%, 10% 50%);
}
.ec-creative-gallery-wrapper.layout22 article img,
.ec-creative-gallery-wrapper.layout22 article a{
	clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%);
}
.ec-creative-gallery-wrapper.layout23 article img,
.ec-creative-gallery-wrapper.layout23 article a{
	clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);
}
.ec-creative-gallery-wrapper.layout24 article img,
.ec-creative-gallery-wrapper.layout24 article a{
	clip-path: circle(50% at 50% 50%);
}
.ec-creative-gallery-wrapper.layout25 article img,
.ec-creative-gallery-wrapper.layout25 article a{
	clip-path: ellipse(25% 40% at 50% 50%);
}
.ec-creative-gallery-wrapper article img:hover,
.ec-creative-gallery-wrapper article img:focus,
.ec-creative-gallery-wrapper article a:hover,
.ec-creative-gallery-wrapper article a:focus{
	position: relative;
	transition: clip-path 0.3s, filter 0.3s;
	clip-path: path("M0,0 C0,0 200,0 200,0 200,0 200,100 200,100 200,100 200,200 200,200 200,200 100,200 100,200 100,200 100,200 0,200 0,200 0,100 0,100 0,100 0,100 0,100Z");
	z-index: 99;
}
@media only screen and (max-width: 767px) {
	.ec-creative-gallery-wrapper article {
		grid-template-columns: repeat(2, 100px);
	}
}

@media only screen and (max-width: 991px) and (min-width: 768px)  {
	.ec-creative-gallery-wrapper.ec-cg-tab-disable article {
	display: flex;
	flex-direction: column;
}
}
@media only screen and (max-width: 767px){
	.ec-creative-gallery-wrapper.ec-cg-mob-disable article {
	display: flex;
	flex-direction: column;
}
}