add buffer to expanded images on mobile

files/templates/expanded_image_modal.html

@@ -1,7 +1,10 @@
 <div class="modal desktop-expanded-image-modal" id="expandImageModal" tabindex="-1" role="dialog" aria-labelledby="expandImageModalTitle" aria-hidden="true">
 	<div class="modal-dialog modal-xl modal-dialog-centered mx-auto expandedimage" role="document">
 		<div class="modal-content bg-transparent shadow-none">
+			<pre class="d-md-none" data-bs-dismiss="modal">
 
+
+			</pre>	
 			<div class="modal-body text-center p-0">
 				<div class="d-inline-block position-relative">
 					<a href="/" rel="nofollow noopener noreferrer" target="_blank" id="desktop-expanded-image-wrap-link">
@@ -9,6 +12,10 @@
 					</a>
 				</div>
 			</div>
+			<pre class="d-md-none" data-bs-dismiss="modal">
+
+
+			</pre>	
 		</div>
 	</div>
 </div>