From b617ec6bfa0636a3c8d15bda698283c475e65cc5 Mon Sep 17 00:00:00 2001
From: Anand <apat183@gmail.com>
Date: Tue, 25 Jan 2022 20:30:35 +1300
Subject: [PATCH] add 'object cover' class to templates that have issues with
 profile images streatching

---
 src/templates/Castform.js | 2 +-
 src/templates/Glalie.js   | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/templates/Castform.js b/src/templates/Castform.js
index ce1942724..3d3cf7e82 100644
--- a/src/templates/Castform.js
+++ b/src/templates/Castform.js
@@ -32,7 +32,7 @@ const Castform = ({ data }) => {
   const Photo = () =>
     data.profile.photograph !== '' && (
       <img
-        className="w-32 h-32 rounded-full"
+        className="w-32 h-32 rounded-full object-cover"
         style={{
           borderWidth: 6,
           borderColor: data.metadata.colors.background,
diff --git a/src/templates/Glalie.js b/src/templates/Glalie.js
index 639c764ac..b3e69cdea 100644
--- a/src/templates/Glalie.js
+++ b/src/templates/Glalie.js
@@ -35,7 +35,7 @@ const Glalie = ({ data }) => {
     <div className="grid gap-2 text-center">
       {data.profile.photograph !== '' && (
         <img
-          className="w-40 h-40 rounded-full mx-auto"
+          className="w-40 h-40 rounded-full mx-auto object-cover"
           src={data.profile.photograph}
           alt={data.profile.firstName}
         />