div.ecosystem-block {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #faf8f9;
	padding: 30px 0;
	margin-top: 100px;
}
div.ecosystem-block .eco-copy {
    flex-basis: 30%;
    background: #fff;
    padding: 20px 25px;
    position: relative;
    z-index: 2;
}
div.ecosystem-block .eco-copy p {
	color: #646464;
	font-size: .95em;
}
div.ecosystem-block .eco-logos {
	position: relative;
	flex-basis: 65%;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-gap: 10px;
}
div.ecosystem-block .eco-logos::before, div.ecosystem-block .eco-logos::after {
	position: absolute;
	content: '';
	top: 31%;
	left: 10%;
	transform: translate(-82%,-50%) rotate(0deg);
	width: 250px;
	height: 250px;
	z-index: 0;
	backface-visibility: hidden;
	animation: 80s linear 0s infinite running decagon;
	background: #b5e4eb;
	clip-path: polygon(
        34.54915% 2.44717%,
        65.45085% 2.44717%,
        90.45085% 20.61074%,
        100% 50%,
        90.45085% 79.38926%,
        65.45085% 97.55283%,
        34.54915% 97.55283%,
        9.54915% 79.38926%,
        0% 50%,
        9.54915% 20.61074%
    );
}
div.ecosystem-block .eco-logos::after {
    background: #faf8f9;
    width: 165px;
    height: 165px;
    left: calc(10% - 27px);
}
div.ecosystem-block .eco-logos > img {
	position: relative;
	z-index: 1;
}
/* div.ecosystem-block .eco-logos > img:nth-child(3n+1) {
	border: 2px solid #b5e4eb;
}
div.ecosystem-block .eco-logos > img:nth-child(3n) {
	border: 2px solid #ff6f79;
} 
div.ecosystem-block .eco-logos > img:nth-child(3n+2) {
	border: 2px solid #fbe8aa;
} */
/* div.ecosystem-block .eco-logos > img:nth-child(4n+3) {
	border: 1px solid #fbc3aa;
} */
div.ecosystem-block .eco-logos > img:nth-child(1) {
	grid-column:-4;
}
div.ecosystem-block .eco-logos > img:nth-child(4), div.ecosystem-block .eco-logos > img:nth-child(10)  {
	grid-column: -5;
}
div.ecosystem-block .eco-logos > img:nth-child(8), div.ecosystem-block .eco-logos > img:nth-child(14) {
	grid-column: -3;
}
@media (max-width: 767px){
	div.ecosystem-block {
		display: block;
		margin-top: 40px;
	}
	div.ecosystem-block .eco-copy {
		max-width: 300px;
		margin-bottom: 30px;
	}
	div.ecosystem-block .eco-logos {
		max-width: 90%;
    margin: 0 0 0 auto;
    grid-template-columns: repeat(4, 1fr);
	}
	div.ecosystem-block .eco-logos::before, div.ecosystem-block .eco-logos::after {
		top: -31%;
    left: 100%;
	}
	div.ecosystem-block .eco-logos::after {
		left: calc(100% - 27px);
	}
}
@media (max-width: 359px) {
	div.ecosystem-block .eco-logos {
		max-width: 100%;
		grid-gap: 3px;
	}
}
@keyframes decagon {
	0% {
		transform: translate(-82%,-50%) rotate(0deg);
	}
	100% {
		transform: translate(-82%,-50%) rotate(360deg);
	}
}