add jamesen/elephant img, alter indexgallery stylings

components/IndexGallery/IndexGallery.module.scss

@@ -2,26 +2,29 @@
 	display: flex;
 	flex-direction: row;
 	flex-wrap: wrap;
-	justify-content: space-between;
+	// justify-content: space-between;
 	@media screen and (max-width: 800px) {
 		flex-direction: column;
 		align-items: center;
 	}
-	gap: 1.5rem;
+	gap: 2rem;
 	.galleryimg {
 		--mheight: 18rem;
 		position: relative;
+		display: block;
 		margin: 0;
 		padding: 0;
 		max-height: var(--mheight);
 		@media screen and (max-width: 800px) {
 			text-decoration: none;
+			max-height: none;
+			text-align: center;
 		}
 		img {
 			max-height: var(--mheight);
 			border-radius: 8px;
 			@media screen and (max-width: 800px) {
-				max-width: 250px;
+				max-width: 280px;
 			}
 		}
 		article {
@@ -32,19 +35,18 @@
 			left: 0;
 			bottom: 0;
 			width: 100%;
-			display: flex;
-			flex-direction: row;
-			align-items: baseline;
-			justify-content: space-between;
 			padding: 0.25rem 0.5rem;
 			border-radius: 8px;
 			border-top-left-radius: 0;
 			border-top-right-radius: 0;
 			transition-duration: 100ms;
 			opacity: 0;
+			p {
+				margin-bottom: 4px;
+			}
 			@media screen and (max-width: 800px) {
 				display: block;
-				position: unset;
+				position: relative;
 				background: unset;
 				color: var(--white0);
 				padding: 0;

data/gallery.json

@@ -17,6 +17,12 @@
 		"meta": "Poznań, 11.2022",
 		"link": "https://media.discordapp.net/attachments/434626765768491008/1052985575642239017/Pamiec_wody_o_jabku.jpg"
 	},
+	{
+		"title": "OP pojawił się za jamesenem",
+		"description": "Poprzez całkowity przypadek BeElephant pojawia się za jamesenem w tramwaju.",
+		"meta": "Poznań, 15.11.2022",
+		"link": "https://media.discordapp.net/attachments/719166032714924045/1055549275825766471/20221115_183021.jpg"
+	},
 	{
 		"title": "Ceremonia przekazania skarpety",
 		"description": "Ceremonialne pzekazanie Skarpety Stachowiaka jej prawowitemu właścicielowi w trzech aktach",