Tweak css to add min height to images in horizontal mobile display

Author: Maypher

frontend/user/src/lib/components/MainPageSkeleton.svelte

@@ -74,7 +74,7 @@
 				src={imageData.imageUrl}
 				alt={imageData.altText}
 				class:hidden={!imgLoadedMobile}
-				class="mx-auto max-h-[80svh] object-contain"
+				class="min-h-120 mx-auto max-h-[80svh] object-contain"
 				onload={() => (imgLoadedMobile = true)}
 			/>
 			<div class="skeleton aspect-square max-h-[50svh] w-full" class:hidden={imgLoadedMobile}></div>

frontend/user/src/routes/[lang]/esculturas/+page.svelte

@@ -79,7 +79,7 @@
 	<div class="lg:hidden">
 		{#each sculptures as image, i (image.filename)}
 			<div
-				class={`${i === 0 ? 'header-screen' : 'h-svh'}`}
+				class={`${i === 0 ? 'header-screen' : 'h-svh'} min-h-120 py-5`}
 				style={`background-color: ${image.sculptureData.bgColor};`}
 			>
 				<SculptureSkeleton {image} />

frontend/user/src/routes/[lang]/proyectos/+page.svelte

@@ -67,7 +67,9 @@
 	imageUrl={projects.at(0).thumbnail.imageUrl}
 />
 
-<ul class="header-screen bg-vector-grey snap-y snap-mandatory overflow-y-scroll lg:hidden">
+<ul
+	class="header-screen min-h-120 bg-vector-grey snap-y snap-mandatory overflow-y-scroll lg:hidden"
+>
 	{#each projects as project, i (project.id)}
 		{#if project.thumbnail}
 			<li class="flex h-full snap-center items-center justify-center text-white" id={project.id}>