fix: photo credit text placement

src/app/globals.css

@@ -224,6 +224,7 @@ section h2 {
 .photo-credit:hover {
   color: var(--light-text-color);
   text-align: end;
+  place-self: end;
 }
 @media (min-width: 70em) {
   .no-mobile {

src/components/page-sections/events.module.css

@@ -82,6 +82,12 @@
   .card {
     padding: 2em;
   }
+  .image {
+    display: flex;
+    flex-direction: column;
+    align-items: stretch;
+    justify-content: center;
+  }
 }
 
 .readMore {

src/components/page-sections/events.tsx

@@ -89,9 +89,7 @@ const Events = async () => {
             style={{ borderRadius: "1rem", objectFit: "cover", height: "100%" }}
             alt="Medlemmer spiller brettspill"
           />
-          <div>
-            <p className="photo-credit">Foto: 장태민, Studentenes Fotoklubb</p>
-          </div>
+          <p className="photo-credit">Foto: 장태민, Studentenes Fotoklubb</p>
         </div>
       </div>
     </section>