I am updating a LWC to add and aligntthem like the example:

enter image description here

But I currently have them like this:
enter image description here

I have already trye vertical align but nothing, here is how I currently have it in CSS:

.equifax {
    margin: 3px 0 0 5%;
    width: 45%;
}

.logos {
    margin: auto;
    width: 304px;
    display: flex;
    vertical-align: top;
    text-align: center;
}

.transunion {
    width: 50%;
    height: auto;
}

.experian {
    width: 50%;
    vertical-align: 0%;    
}

Where .logos is the class of the div element in HTML

What else am I missing?

I have already checked W3 schools website but I cannot find the right answer eiter or ChatGPT