acf gallery flexbox images

<section class="gallery__block">
  <div class="gallery__wrap">
    <?php
      if( $images ): foreach( $images as $image ):
        $width  = $image['sizes'][ 'large-width' ];
        $height = $image['sizes'][ 'large-height' ];
        $ar = ($width/$height);
    ?>
      <div class="gallery__inner" style="flex:<?php echo $ar; ?>">
        <img src="<?php echo $image['sizes']['large']; ?>" width="<?php echo $width; ?>" height="<?php echo $height; ?>" alt="<?php echo $image['alt']; ?>" />
      </div>
    <?php endforeach; endif; ?>
  </div>
</section>


section.gallery__block {
  text-align: center;
  max-width: 700px;
  margin: auto;
  padding: 0;
}
.gallery__wrap {
  display: flex;
  margin: $space*2 auto;
}
.gallery__inner {
  margin: $space/2;
  img {
    width: 100%;
    height: auto;
    vertical-align: middle;
  }
}