revert changes on CardsCoumns and TwoColumn and their styles

Author: cherylli

components/CardsColumns.js

@@ -12,7 +12,7 @@ export default function CardsColumns({
 }) {
   return (
     <Container>
-      <div className={`${styles.inner__content}`}>
+      <div className={styles.inner__content}>
         {titles.map((title, index) => {
           return (
             <Card

components/TwoColumn.js

@@ -26,7 +26,7 @@ export default function TwoColumn({
   };
 
   return (
-    <section className={`${styles.wrapper}`} style={styleProps.wrapper}>
+    <section className={styles.wrapper} style={styleProps.wrapper}>
       <Container
         className={`${styles.inner} ${styles[customInnerClass]}`}
         styles={{ flexDirection: rowOrder }}

styles/CardsColumns.module.scss

@@ -1,16 +1,10 @@
 @use './variables' as *;
 @use './mixins' as *;
 
-.section__hidden {
-  opacity: 0;
-  transform: translateY(8rem);
-}
-
 .inner__content {
   margin: 0 auto;
   padding-bottom: 12rem;
   justify-content: center;
-  transition: transform 1s, opacity 1s;
 
   @include desktop-breakpoint-plus {
     display: flex;

styles/TwoColumn.module.scss

@@ -1,14 +1,8 @@
 @use './variables' as *;
 @use './mixins' as *;
 
-.section__hidden {
-  opacity: 0;
-  transform: translateY(8rem);
-}
-
 .wrapper {
   background-color: $light-bg-color;
-  transition: transform 1s, opacity 1s;
 
   .inner {
     padding: 5rem 0;