Fix image alignment issue

images/templates/images/stream_blocks/image_block.html

@@ -1,19 +1,21 @@
 {% load wagtailcore_tags %}
 {% load wagtailimages_tags %}
 
-{% if self.click_to_enlarge %}
+{% if self.click_to_enlarge or self.style == 'default' %}
 <div class="image-attachment attachment {{ self.style }} {{ self.width }} setup-modal image-modal" >
     {% image self.image width-1000 format-webp as image %}
     {% image self.image original as ogImage %}
     <img class="article-attachment" width="{{image.width}}" height="{{image.height}}" decoding="async" data-id="{{ image.id }}" data-caption="{{ self.caption }}" data-credit="{{ self.credit }}" data-url="{{ image.url }}" src="{{ image.url }}" alt="{% if self.alt_text %}{{ self.alt_text }}{% else %}{{self.caption}}{% endif %}" />
 
+    {% if self.click_to_enlarge %}
     <a class="open-modal" aria-label="Enlarge image"></a>
     <dialog class="modal close-modal hide js-dropdown-container">
         <div class="u-container u-container--large modal-contents">
             <div class="image-modal-image" style="background-image: url('{{ogImage.url}}')"></div>
             <button class="close-modal focus-on" aria-label="Minimize image"><ion-icon name="close-circle"></ion-icon></button>
         </div>
     </dialog>
+    {% endif %}
 
     {% if self.caption or self.credit %}
         <div class="caption">

ubyssey/static_src/src/styles/modules/article/_embeds.scss

@@ -377,6 +377,7 @@ div.article-content {
 }
 
 img.image-attachment {
+  height: auto;
   shape-image-threshold: 0.7;
   shape-margin: 2em;
 }