new

assets/scss/templates/_about.scss

@@ -0,0 +1,58 @@
+.about{
+  .block{
+    h2 {
+      padding-top: 30px;
+      padding-bottom: 30px;
+      margin:0;
+    }
+
+    h3 {
+      padding-top: 30px;
+      padding-bottom: 50px;
+      margin:0;
+    }
+
+    p {
+      padding-top: 20px;
+      line-height:28px;
+    }
+
+    img {
+      width: 100%;
+    }
+  }
+
+  .about-img {
+    position: relative;
+    overflow: hidden;
+  
+    img {
+      display: block;
+      width: 100%;
+      transition: opacity 0.5s ease-out;
+    }
+  
+    .hover-img {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      opacity: 0;
+      transition: opacity 0.5s ease-out;
+    }
+  
+    &:hover .hover-img {
+      opacity: 1;
+    }
+  
+    &:hover img {
+      opacity: 0;
+    }
+  }
+  
+
+  .section-title {
+    margin-bottom: 0px;
+  }
+}