Css for possibilities

Benevanio · Jan 11, 2023 · 911efe5 · 911efe5
1 parent fd5ba08
commit 911efe5
Showing 1 changed file with 12 additions and 6 deletions.
diff --git a/src/containers/possib/Possibilities.css b/src/containers/possib/Possibilities.css
@@ -1,40 +1,46 @@
 .Ai__possibilidades {
     display: flex;
-    flex-direction: row;
+    flex-direction: column;
 }
 
 .AI_possibility-image {
     flex: 1;
     display: flex;
     justify-content: flex-start;
     align-items: center;
+
 
     margin-right: 1rem;
 }
 
 .AI_possibility-image img {
-    width: 60%;
-    height: 60%;
+    width:280px;
+    height: 280px;
     object-fit: contain;
     box-sizing: content-box;
-    border-radius: 15px;    
+    border-radius: 80%; 
+
 }
 .AI_possibility-text{
     flex: 1;
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
     align-items: flex-start;
-
+    font-size: 32px;
+    background: -webkit-linear-gradient(#eee, #333);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
 }
 .AI_possibility-text h1{
-    font-size: 1.5rem;
+    font-size: 1rem;
     font-weight: 600;
     color: #000;
     margin: 0;
 }
 .AI_possibility-text h1:last-child{
     margin-bottom: 0;
+
 }
 .AI_possibility-text p{
     font-size: 1rem;