diff --git a/public/images/SCE-glow.webp b/public/images/SCE-glow.webp
new file mode 100644
index 000000000..bf6b1b5c0
Binary files /dev/null and b/public/images/SCE-glow.webp differ
diff --git a/src/Pages/ForgotPassword/ForgotPassword.js b/src/Pages/ForgotPassword/ForgotPassword.js
index 6a64a863e..7cc4c51b5 100644
--- a/src/Pages/ForgotPassword/ForgotPassword.js
+++ b/src/Pages/ForgotPassword/ForgotPassword.js
@@ -33,7 +33,7 @@ const ForgotPassword = () => {
     <div className = 'flex-none md:flex'>
       <div className='rounded-3xl backdrop-blur-sm shadow-2xl md:w-1/3 mt-20 pb-4 mb-auto mx-auto px-5 text-center items-center justify-center'>
         <div className='flex justify-center'>
-          <img id='img' alt='sce logo' src='https://sce.sjsu.edu/images/SCE-glow.png' width='2rem' className='w-2/3 px-auto'/>
+          <img id='img' alt='sce logo' src='https://sce.sjsu.edu/images/SCE-glow.webp' width='2rem' className='w-2/3 px-auto'/>
         </div>
         <form onSubmit={handleSubmit} className='flex flex-col items-center'>
           <label className="form-control w-full max-w-xs mb-4">
diff --git a/src/Pages/ForgotPassword/ResetPassword.js b/src/Pages/ForgotPassword/ResetPassword.js
index 9eb8cf941..9254d0887 100644
--- a/src/Pages/ForgotPassword/ResetPassword.js
+++ b/src/Pages/ForgotPassword/ResetPassword.js
@@ -104,8 +104,8 @@ const ForgotPassword = () => {
   return (
     <div className = 'flex-none md:flex'>
       <div className='rounded-3xl backdrop-blur-sm shadow-2xl md:w-1/3 mt-12 md:mt-20 pb-8 mb-auto mx-auto px-5 text-center items-center justify-center'>
-        <div className='flex justify-center'>
-          <img id='img' alt='sce logo' src='https://sce.sjsu.edu/images/SCE-glow.png' width='2rem' className='w-2/3 px-auto'/>
+        <div className='flex justify-center'>s
+          <img id='img' alt='sce logo' src='https://sce.sjsu.edu/images/SCE-glow.webp' width='2rem' className='w-2/3 px-auto'/>
         </div>
         <form onSubmit={handleSubmit} className='flex flex-col items-center'>
 
diff --git a/src/Pages/Login/Login.js b/src/Pages/Login/Login.js
index ee102e8e4..320400ba0 100644
--- a/src/Pages/Login/Login.js
+++ b/src/Pages/Login/Login.js
@@ -46,7 +46,7 @@ export default function Login(props) {
     <div className = 'flex-none md:flex'>
       <div className='rounded-3xl backdrop-blur-sm shadow-2xl md:w-1/3  mt-20 pb-4 mb-auto ml-auto mr-auto px-5 text-center items-center justify-center'>
         <div className='flex justify-center'>
-          <img id='img' alt='sce logo' src='https://sce.sjsu.edu/images/SCE-glow.png' width='2rem'  className='w-2/3 px-auto'/>
+          <img id='img' alt='sce logo' src='https://sce.sjsu.edu/images/SCE-glow.webp' width='2rem'  className='w-2/3 px-auto'/>
         </div>
         <form onSubmit={handleSubmit} className=''>
           <div className='flex flex-col items-center'>