Only letterbox media without an aspect ratio

app/soapbox/components/media_gallery.js

@@ -160,10 +160,11 @@ class Item extends React.PureComponent {
       const previewUrl = attachment.get('preview_url');
 
       const originalUrl = attachment.get('url');
+      const letterboxed = !attachment.getIn(['meta', 'original', 'aspect']);
 
       thumbnail = (
         <a
-          className='media-gallery__item-thumbnail'
+          className={classNames('media-gallery__item-thumbnail', { letterboxed })}
           href={attachment.get('remote_url') || originalUrl}
           onClick={this.handleClick}
           target='_blank'

app/styles/components/media-gallery.scss

@@ -66,7 +66,7 @@
 
 .status__wrapper,
 .detailed-status__wrapper {
-  .media-gallery__item-thumbnail {
+  .media-gallery__item-thumbnail.letterboxed {
     &,
     .still-image {
       img {