Post grid styling

Oh, I was to fast. the new code destroys now other pages I have written, e.g. https://peter.baumgartner.name/h5p-module/

I can’t show the effect live, as I need these pages “Sammelbeitrag” (Collection)-pages.

But here is a link to an image, what the effect is with your code snippet.
WRONG (with your Code Snippet): https://peter.baumgartner.name/wp-content/uploads/2020/08/Display-Posts-Images-Wrong-min.png
CORRECT (without your Code Snippet): https://peter.baumgartner.name/wp-content/uploads/2020/08/Display-Posts-Images-Wrong-min.png

To give you the full information: I have copied/added to my CSS the proposed code from https://displayposts.com/2019/01/04/image-alignment/

.display-posts-listing.image-left .listing-item {
	overflow: hidden; 
	margin-bottom: 32px;
	width: 100%;
}

.display-posts-listing.image-left .image {
	float: left;
	margin: 0 16px 0 0;
}

.display-posts-listing.image-left .title {
	display: block;
}

.display-posts-listing.image-left .excerpt-dash { 
	display: none; 
}

.display-posts-listing.image-right .listing-item {
	overflow: hidden; 
	margin-bottom: 32px;
	width: 100%;
}

.display-posts-listing.image-right .image {
	float: left;
	margin: 0 16px 0 0;
}

.display-posts-listing.image-right .title {
	display: block;
}

.display-posts-listing.image-right .excerpt-dash { 
	display: none; 
}