Bob AI: in the about section add shadow on hover in image

src/app/page.tsx

@@ -74,6 +74,7 @@ export default function ITAcademyPage() {
           imageSrc="https://img.b2bpic.net/free-photo/row-serious-focused-coworkers-sitting-table-typing-laptops_74855-10363.jpg"
           imageAlt="IT Academy classroom"
           useInvertedBackground="invertDefault"
+          className="hover:shadow-xl transition-shadow duration-300"
         />
       </div>
 
@@ -85,6 +86,9 @@ export default function ITAcademyPage() {
           tagIcon={BookOpen}
           textboxLayout="default"
           gridVariant="three-columns-all-equal-width"
+          gridVariant="three-columns-all-equal-width"
+          gridVariant="three-columns-all-equal-width"
+          gridVariant="three-columns-all-equal-width"
           animationType="slide-up"
           useInvertedBackground="noInvert"
           features={[