.list-with-images ul{
	list-style: none;
	margin: 0;
	padding: 0;
	width:100%;
	display: flex;
	flex-wrap:wrap;
	gap: 20px;
}
.list-with-images ol{
	list-style: none;
	margin: 0;
	padding: 0;
	width:100%;
	display: flex;
	flex-wrap:wrap;
	gap: 20px;
	counter-reset: list-with-image-counter;
	list-style: none;
	padding-left: 0;
}

.list-with-images ol li {
  position: relative;
  padding-left: 2em;
  margin-bottom: 0.5em;
}

.list-with-images ol li.inner-list-with-image article {
  counter-increment: list-with-image-counter;
  position: relative;
}


.list-with-images{
	width:100%;
}
.list-with-images .inner{
	margin: 0  auto  var(--margin-xl);
    max-width: var(--wp--style--global--wide-size);
    padding: 0 calc(40px + 4vw);
    display: flex;
    align-items: center;
}




@media screen and (max-width:750px) {

	.list-with-images ol {
		gap: 50px;
	}

	li.inner-list-with-image {
    flex-direction: column;
	}

	.list-with-images ol li {
    padding-left: 0;
	}

	.list-with-images.left-content li.inner-list-with-image:nth-child(odd) article {
    margin-right: 0;
    padding: 40px 40px 80px;
    width: 100%;
	}

	.list-with-images.left-content li.inner-list-with-image:nth-child(odd) picture {
		margin-left: 0;
		margin-top: -60px;
	}

	.list-with-images.left-content li.inner-list-with-image:nth-child(even) article {
		order: 1;
    margin-left: 0;
    padding: 40px 40px 80px;
    width: 100%;
	}

	.list-with-images.left-content li.inner-list-with-image:nth-child(even) picture {
		order: 2;
    margin-right: 0;
    margin-top: -60px;
	}

}


@media screen and (max-width:750px) {

	.list-with-images.left-content li.inner-list-with-image:nth-child(odd) picture, .list-with-images.left-content li.inner-list-with-image:nth-child(even) picture {
		width: 80%;
	}

}