change faq image and arrow direction

Author: Anupam-dagar

index.html

@@ -146,6 +146,7 @@ <h3 class="timeline__title">18th Mar 5:00 PM :- Prize Distribution & Feedback Se
 </section>
 
              <section id="faq" class="fullpage" style="height: auto;">
+                <div class="fullpage" style="background: rgba(0,0,0,0.5);">
                     <div class="contents fullpage">
                         <h3>FAQ</h3>
                         <div class="faqcolumn">
@@ -205,6 +206,7 @@ <h3>FAQ</h3>
                             	</div> 
                             </div>
                         </div>
+                        </div>
                     </section>
 <section id="sponsors">
 

static/css/main.css

@@ -277,7 +277,7 @@ li{
 
 
 #faq {
-  background: linear-gradient(330deg, #4C4491 0%, #FD5C63 100%);
+  background-image: url(../img/faqtry.jpg);
   background-size: cover;
   background-repeat: no-repeat;
   color:#fff;
@@ -308,7 +308,7 @@ li{
   #faq .question:after {
     color: #536bb1;
     -webkit-font-smoothing: antialiased;
-    content: "<";
+    content: ">";
     position: relative;
     float: right;
     font-size: 1em;
@@ -317,9 +317,9 @@ li{
     -ms-transform: rotate(0deg);
     transform: rotate(0deg); }
   #faq .question.open:after {
-    -webkit-transform: rotate(-90deg);
-    -ms-transform: rotate(-90deg);
-    transform: rotate(-90deg); }
+    -webkit-transform: rotate(90deg);
+    -ms-transform: rotate(90deg);
+    transform: rotate(90deg); }
   #faq .answer {
     border: 3px solid #fff;
     padding: 0px 20px;