<div class="d-flex w-100 h-100 align-items-center justify-content-center">
<img src="{{ image }}"
     alt="{{  name  }}"
     class="object-fit-{{ element.config.imageMode.value ?? 'standard' }} {{ element.config.imageMode.value is same as ('scale-down') ? 'm-md-5 ms-md-4' }} verticalAlign-{{ element.config.verticalAlign.value and element.config.imageMode.value is not same as ('cover') ?  element.config.verticalAlign.value : 'auto' }}"
    {{ element.config.imageMode.value is same as ('scale-down') ? 'style="max-width:50%; max-height:50%"' }}>
</div>
