fix hitching & add in frames for all fetched content

components/IndexGallery/IndexGallery.module.scss

@@ -15,11 +15,19 @@
 		margin: 0;
 		padding: 0;
 		max-height: var(--mheight);
+		animation-name: goIn;
+		animation-duration: 350ms;
 		@media screen and (max-width: 800px) {
 			text-decoration: none;
 			max-height: none;
 			text-align: center;
 		}
+		@keyframes goIn {
+			from {
+				opacity: 0;
+				transform: translate(0, 8px);
+			}
+		}
 		img {
 			max-height: var(--mheight);
 			border-radius: 8px;

components/ProfileCard/ProfileCard.module.scss

@@ -3,6 +3,14 @@
 	background: var(--black1);
 	border-radius: 8px;
 	box-shadow: var(--shadow0);
+	animation-name: goIn;
+	animation-duration: 350ms;
+	@keyframes goIn {
+		from {
+			opacity: 0;
+			transform: translate(0, 16px);
+		}
+	}
 	article {
 		display: flex;
 		flex-direction: row;