ya permite añadir logos de organizadores

src/lib/form/Organized.svelte

@@ -40,7 +40,7 @@
 						removeOrganizer(i);
 					}}
 				>
-					X
+					x
 				</div>
 				<img class="organized-logo" src={organization.image} alt={organization.text} />
 				<input class="logo-title" type="text" bind:value={organization.text} />

src/lib/preview/Preview.svelte

@@ -45,6 +45,7 @@
 		{#if newdate}<div class="time">{newdate.time}</div>{/if}
 		<div class="address">{$address}</div>
 		{#if $organizedBy[0]}
+			<div class="imagetitle">Organiza:</div>
 			<div class="organized-by">
 				{#each $organizedBy as organization, i}
 					<div class="organization">
@@ -171,31 +172,46 @@
 		max-height: 4rem;
 		overflow: hidden;
 	}
-
+	.imagetitle {
+		position: absolute;
+		top: 700px;
+		font-size: 0.7rem;
+		color: #555;
+	}
 	.organized-by {
 		position: absolute;
-		top: 730px;
+		top: 720px;
 		left: 1rem;
 		right: 1rem;
-		display: flex;
+		display: grid;
+		grid-template-columns: repeat(auto-fit, minmax(min(100%/3, max(64px, 100%/5)), 1fr));
+		grid-template-rows: min-content;
+		grid-auto-rows: auto;
 		justify-content: center;
+		align-items: center;
 	}
 
 	.organization {
+		/* grid-row: 2/3; */
 		margin: 0 1rem;
 		display: flex;
 		flex-direction: column;
 		text-align: center;
 		align-items: center;
 		justify-content: center;
+		/* width: 64px;
+		height: 64px;
+		max-width: 100%; */
 	}
 	.organization img {
 		max-height: 64px;
+		max-width: 100px;
 		margin: 0 auto;
 		opacity: 75%;
 	}
 
 	.caption {
+		margin: 0.5rem 0;
 		font-size: 0.8rem;
 		font-family: monospace;
 		color: #666;