images changes and compress

assets/css/my.css

@@ -1,3 +1,9 @@
+/*--------------------------------------------------------------
+# Back to top button
+--------------------------------------------------------------*/
+
+
+/*--------------------------------------------------*/
 .card_first .col-lg-2 {
   width: 300px;
   margin: 0px auto;
@@ -194,3 +200,93 @@ hover:label {
     margin: 10px 0px;
   }
 }
+/*--------------------------another css----------------*/
+  html{
+    scroll-behavior:smooth;
+    }
+    .h p{
+      line-height:1.2;
+    }
+    .list-group-item {
+    position: relative;
+    display: block;
+    padding: 0.5rem 1rem !important;
+    background-color: #fff;
+    border: 1px solid #f1f4f8;
+}
+.j{
+  background-image: url(/assets/img/Find-an-IIMTT-training-centre-near-you.jpeg);
+  background-repeat:no-repeat;
+  height:23vh;
+  width:100%;
+  background-size:cover;
+  background-position:center;
+  background-attachment:fixed;
+}
+@media (max-width: 1200px) {
+  .j{
+  background-image: url(/assets/img/Find-an-IIMTT-training-centre-near-you.jpeg);
+  background-repeat:no-repeat;
+  height:40vh;
+  width:100%;
+  background-size:cover;
+  background-position:center;
+  background-attachment:fixed;
+}
+}
+@media (max-width: 498px) {
+  .j{
+  background-image: url(/assets/img/Find-an-IIMTT-training-centre-near-you.jpeg);
+  background-repeat:no-repeat;
+  height:50vh;
+  width:100%;
+  background-size:cover;
+  background-position:center;
+  background-attachment:fixed;
+}
+.j2{
+text-align:center;
+}
+}
+@media (max-width: 414px) {
+  .j{
+  background-image: url(/assets/img/Find-an-IIMTT-training-centre-near-you.jpeg);
+  background-repeat:no-repeat;
+  height:60vh;
+  width:100%;
+  background-size:cover;
+  background-position:center;
+  background-attachment:fixed;
+}
+}
+.e{
+  width:100px !important;
+}
+.e1{
+  width:150px !important;
+}
+.back-to-top {
+  background-color: #f7a325;
+  color:white;
+  position: fixed;
+  width:50px;
+  height:50px;
+  border-radius:50%;
+  display: flex;
+  right: 15px;
+  bottom: 15px;
+  align-items:center;
+  justify-content:center;
+  text-decoration:none !important;
+  z-index:1;
+}
+.f1 a:hover{
+  color: #00b1c1;
+}
+.h h3{
+  color: #f7a325;
+}
+.badge-rounded-circle{
+  background-color: #f7a325 !important;
+  color:white !important;
+}