arrange to middle

please try this:

.page-id-2 #av_section_2 .avia-content-slider-inner .slide-entry-wrap {
    display: inline-flex;
    align-items: center;
}

you see it is always best to have the real site ;) to give advice.

Sieh mal was passiert , wenn du diesen Code hier anstatt benutzt:

.page-id-2 #av_section_2 .avia-content-slider-inner .slide-entry-wrap {
    display: flex !important;
    align-items: center !important;
    flex-direction: row;
    justify-content: space-around !important;
    flex-wrap: wrap;
}

.page-id-2 #av_section_2 .avia-content-slider-inner .slide-entry-wrap .slide-entry.flex_column.no_margin {
    flex: 0 1 150px;
}

Flex Box Modell ist echt mächtig.
Die letzt Anweisung besagt, dass die items nicht wachsen dürfen, aber shrinken ja.

Zu deiner Frage. Jeder Browser hat mittlerweile Developer Tools implementiert. Bei Safari muss man das in den Einstellungen freischalten.
Die Anderen haben es jederzeit bereit.
Wenn du das Kontext Menu mittels deiner Maus über einer Stelle auslöst, kannst du bei den Browsern sowas wie “untersuche das” finden (Element untersuchen; untersuchen etc)
Daraufhin geht ein Fenster mit dem DOM auf und die Eigenschaften (css) werden auch angezeigt.
Bei Body (#top) befindet sich die page-id- bzw postid- etc. pp

Sie mal was dein Avatar hier on Board hergibt: