make mini tournament images 16:9

src/app/[locale]/turniirid/page.tsx

@@ -124,7 +124,7 @@ export default async function Tourney({
                 </a>
               </div>
             </div>
-            <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-8">
+            <div className="grid grid-cols-2 md:grid-cols-3 gap-8">
               {miniTournaments.map((tournament) => (
                 <div key={tournament.name} className="text-center">
                     <Image
@@ -132,7 +132,7 @@ export default async function Tourney({
                       alt={tournament.name}
                       width={400}
                       height={300}
-                      className={`border-10 border-[#00A3E0] bg-black object-cover w-full h-48 -skew-x-2 md:-skew-x-5 ${
+                      className={`border-10 border-[#00A3E0] bg-black object-cover w-full aspect-video -skew-x-2 md:-skew-x-5 ${
                         tournament.objectPosition || "object-center"
                       }`}
                     />