Merge pull request 'chore: resizes images' (#27) from chore/resize-images into main

Reviewed-on: #27

frontend/src/lib/raceVisuals.ts

@@ -21,36 +21,36 @@ interface OfficialRaceVisual {
 const FALLBACK_VISUALS: Record<RaceVisualVariant, RaceVisual> = {
   short: {
     variant: "short",
-    imageSrc: "/images/race-short.png",
+    imageSrc: "/images/race-short.jpg",
-    fallbackSrc: "/images/race-short.png",
+    fallbackSrc: "/images/race-short.jpg",
     imageFit: "cover",
     label: "Городской темп",
   },
   half: {
     variant: "half",
-    imageSrc: "/images/race-half.png",
+    imageSrc: "/images/race-half.jpg",
-    fallbackSrc: "/images/race-half.png",
+    fallbackSrc: "/images/race-half.jpg",
     imageFit: "cover",
     label: "Полумарафон",
   },
   marathon: {
     variant: "marathon",
-    imageSrc: "/images/race-marathon.png",
+    imageSrc: "/images/race-marathon.jpg",
-    fallbackSrc: "/images/race-marathon.png",
+    fallbackSrc: "/images/race-marathon.jpg",
     imageFit: "cover",
     label: "Марафон",
   },
   trail: {
     variant: "trail",
-    imageSrc: "/images/race-trail.png",
+    imageSrc: "/images/race-trail.jpg",
-    fallbackSrc: "/images/race-trail.png",
+    fallbackSrc: "/images/race-trail.jpg",
     imageFit: "cover",
     label: "Трейл",
   },
   night: {
     variant: "night",
-    imageSrc: "/images/race-night.png",
+    imageSrc: "/images/race-night.jpg",
-    fallbackSrc: "/images/race-night.png",
+    fallbackSrc: "/images/race-night.jpg",
     imageFit: "cover",
     label: "Ночной старт",
   },

frontend/src/styles/global.css

@@ -1290,7 +1290,7 @@ body {
   color: #ffffff;
   background:
     linear-gradient(90deg, rgba(7, 25, 39, 0.9) 0%, rgba(7, 25, 39, 0.58) 46%, rgba(7, 25, 39, 0.1) 100%),
-    url("/images/runner-hero.png") center / cover;
+    url("/images/runner-hero.jpg") center / cover;
 }
 
 .dashboard-hero__content,
@@ -1525,7 +1525,7 @@ body {
   padding: var(--space-8);
   background:
     linear-gradient(90deg, rgba(7, 25, 39, 0.88), rgba(7, 25, 39, 0.48), rgba(7, 25, 39, 0.08)),
-    url("/images/race-half.png") center / cover;
+    url("/images/race-half.jpg") center / cover;
 }
 
 .races-hero .page__title,
@@ -1788,7 +1788,7 @@ body {
   padding: var(--space-8);
   background:
     linear-gradient(90deg, rgba(7, 25, 39, 0.9), rgba(7, 25, 39, 0.5), rgba(7, 25, 39, 0.08)),
-    url("/images/race-short.png") center / cover;
+    url("/images/race-short.jpg") center / cover;
 }
 
 .race-day-hero .page-link {