diff --git a/templates/shortcodes/photo_section.html b/templates/shortcodes/photo_section.html
index 2e853858bb690a1a7bdc9700e91db45f41b68394..f5f1b43fe46f63c4e45cdf29718dd883f0fa8438 100644
--- a/templates/shortcodes/photo_section.html
+++ b/templates/shortcodes/photo_section.html
@@ -1,8 +1,8 @@
 <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 }}"/>