REVISED ANSWER / UPDATED SNIPPET:
The issue in this specific scenario lies in the alignment of images rather than text. There appears to be some white space above the bottom border of certain images, particularly noticeable in the "Deutsche Leberstiftung" image. To address this, you'll need to either edit/resize the images accordingly or utilize position: relative along with adjusting the bottom values to subtly raise or lower them. In the snippet below, I've made adjustments that may not achieve perfect alignment but should provide a starting point - feel free to modify the bottom values as needed:
.container {
font-size: 16px;
}
/* Other CSS rules remain unchanged for brevity */
.ayc_de_lebe_ev_img {
width: 8rem;
position: relative;
bottom: -2px;
}
/* Additional CSS rules here if applicable */
<div class="container">
<div class="ayc_co_container">
<div class="ayc_co_text ayc_co">
Cooperation by:
</div>
<div class="ayc_de_lebe_img ayc_co">
<img src="http://example.com/deutsche-leberstiftung.jpg" alt="Deutsche Leberstiftung">
</div>
<div class="ayc_de_lebe_ev_img ayc_co">
<img src="http://example.com/deutsche-leberhilfe.jpg" alt="Deutsche Leberhilfe e.V">
</div>
≪div class="ayc_gilead_img ayc_co">
<img src="http://example.com/gilead-sciences.jpg" alt="Gilead Sciences GmbH">
</div>
</div>
</div>