Update page.tsx

Change the image sizes for left- and right-justified text

Author: MikeDMorgan

app/research/page.tsx

@@ -55,11 +55,11 @@ export default function Research() {
                     </p>
                 </div>
             </div>
-            <hr className="border-t border-gray-600 w-4/5 mx-auto mt-8" />
+            <hr className="border-t border-gray-600 w-5/6 mx-auto mt-8" />
             {research.map((research, index) => (
                 <div key={index}>
                     <div className="flex flex-col w-full my-2">
-                        <div className="flex flex-col md:flex-row justify-between items-center w-4/5 mx-auto">
+                        <div className="flex flex-col md:flex-row justify-between items-center w-5/6 mx-auto">
                             {index % 2 === 0 ? (
                                 <>
                                     {research.image ? (
@@ -115,8 +115,8 @@ export default function Research() {
                                         <img
                                             src={`/img/research/${research.image}`}
                                             alt={research.title}
-                                            className="rounded-lg w-96 ml-5"
-											style={{ height: "auto" }}
+                                            className="rounded-lg ml-5"
+											style={{ maxWidth: "100%", height: "auto" }}
                                         />
                                     ) : (
                                         <div className="rounded-lg w-96 h-56 bg-gray-300 flex items-center justify-center ml-5">