add 'object cover' class to templates that have issues with profile images streatching

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,

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}
         />