大家好~我是前端菜鳥開發，在實現項目的時候遇到了一些問題，想請教大家！
我正在建立一個網站，允許用戶上傳他們想要的照片，但是我發現當用戶上傳一些奇怪大小的圖片時，
例如：過於細長的照片，或者是迷你的照片
因為我原先在 img 標籤中設置了 object-fill:cover；如果遇到這種奇怪尺寸的圖片會變得有點模糊。
我不知道該怎麼辦，是否有方法解決能這類問題，例如在CSS中或通過 javaScript 設置好讓用戶上傳任意大小的照片都會是清楚的？
PS:後端工程師為網站SEO壓縮圖片，所以每張圖片都有經過壓縮，因此照片的 URL 後面都有amp;size=0.1的後綴字，我有跟後端工程師說把它改為 size=0.2 這樣圖片就正常了，不過暫時為了 SEO 不要從這邊改動，希望我前端這邊可以找到方式解決此問題！
但嘗試許多還是找不到解決方式，因此上來問問大家，先跟大家說聲謝謝。
這是我的程式碼網址
https://codepen.io/hong-wei/pen/vYxqKWb
