fix right aligned images

templates/shortcodes/photo_section.html

 <section class="section">
   <div class="container">
     {% if title %}<h2 class="title is-2">{{ title }}</h2>{% endif %}
-    <div class="columns is-vcentered mt-4">
-      <div class="column is-one-third {% if align|default(value="left") == "right" %}is-pulled-right{% endif %}">
+    <div class="columns is-vcentered mt-4 {% if align|default(value="left") == "right" %}is-flex-direction-row-reverse{% endif %}">
+      <div class="column is-one-third">
         <figure class="image is-4by3">
           {% set image = resize_image(path="@/" ~ page.colocated_path ~ "/" ~ img, width=800, height=600) -%}
           <img src="{{image.url}}" alt="{{ alt }}"/>