У меня есть веб-страница портфолио, моя проблема в том, как я могу отрегулировать положение изображения, когда изображение больше и меньше, например, у меня есть изображение, которое длинное по вертикали, а у меня изображение только маленькое. как сделать так, чтобы длинное изображение располагалось вверху, сохраняя при этом маленькое изображение по центру.

Я использовал загрузчик изображений acf Исходный код:

<?php if ( get_field('image_thumbnail') ): ?>
    <div class = "image__thumbnails" style = "background-image: url(<?php the_field('image_thumbnail'); ?>);background-position: top;background-size: 100%;background-repeat: no-repeat;"></div>
    <!--    <img src = "<?php the_field('image_thumbnail'); ?>" />-->
<?php endif; ?>

css

.image__thumbnails {
    height: 212px;
}