From ee83a7b5ce8e59c7ff6db5343bad6a05b08ae733 Mon Sep 17 00:00:00 2001
From: rubenwardy <rw@rubenwardy.com>
Date: Fri, 7 Jun 2024 05:46:35 +0100
Subject: [PATCH] Fix screenshots being distorted on collection pages

Fixes #497
---
 app/templates/collections/view.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/templates/collections/view.html b/app/templates/collections/view.html
index 09fa6466..d7f23bb7 100644
--- a/app/templates/collections/view.html
+++ b/app/templates/collections/view.html
@@ -79,7 +79,7 @@
 				<div>
 					<article class="card">
 						<div class="ratio ratio-16x9">
-							<img loading="lazy" class="card-img-top" src="{{ item.package.get_thumb_or_placeholder(4) }}" alt="{{ item.package.title }} screenshot">
+							<img loading="lazy" class="card-img-top object-fit-cover" src="{{ item.package.get_thumb_or_placeholder(4) }}" alt="{{ item.package.title }} screenshot">
 						</div>
 						<div class="card-body">
 							{% if item.package.state.name != "APPROVED" %}