Merge pull request #71 from frontChapter/chore/remove-speaker-shadow-…

…styles

Chore/remove speaker shadow styles

src/app/components/Speakers/Speakers.tsx

@@ -19,7 +19,7 @@ export default function Speakers() {
           {speakersData.map((item, index) => {
             return (
               <Fragment key={index}>
-                {[4, 7].includes(index) && (
+                {[5, 8].includes(index) && (
                   <div className="hidden h-6 w-full lg:block" />
                 )}
                 <SpeakerCard {...item} />

src/app/components/Speakers/styles.module.scss

@@ -1,29 +1,9 @@
 .speakers {
-  @apply relative flex w-1/2 flex-col items-center gap-2 md:w-1/3 lg:w-1/4 lg:gap-4;
+  @apply relative flex w-1/2 flex-col items-center gap-2 md:w-1/3 lg:w-1/6 lg:gap-4;
   & img {
     @apply transition-all;
-    mask-image: linear-gradient(to top, transparent, #000);
     &:hover {
       @apply md:scale-110;
-      mask-image: none;
-    }
-    &::after {
-      @apply absolute inset-0 h-full w-full content-[''];
-      background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7));
-    }
-  }
-  &:nth-child(odd) {
-    &::after {
-      @apply absolute inset-x-1/2 inset-y-1/2 -z-10 h-0 w-0 -translate-y-14 animate-pulse rounded-full;
-      content: "";
-      box-shadow: -3px -3px 60px 50px rgba(248, 118, 32, 0.75);
-    }
-  }
-  &:nth-child(even) {
-    &::after {
-      @apply absolute inset-x-1/2 inset-y-1/2 -z-10 h-0 w-0 -translate-y-14 animate-pulse rounded-full;
-      content: "";
-      box-shadow: -3px -3px 60px 50px rgba(73, 234, 84, 0.55);
     }
   }
 }