.miniproject-section {
  margin-top: 0;
  padding-top: 0;
}

.miniproject {
    height:80rem;
    background-image: 
    -webkit-gradient(linear, 
   left top, right bottom, 
   from(rgba(76, 216, 255, 0.8)),
   to(rgba(30, 108, 217, 0.8)));
    background-image: 
    -o-linear-gradient(left top, 
   rgba(76, 216, 255, 0.8),
   rgba(30, 108, 217, 0.8));
    background-image: 
    linear-gradient(to right bottom, 
   rgba(76, 216, 255, 0.8),
   rgba(30, 108, 217, 0.8));
    
  background-size: cover;
    background-position: top;
    position: relative;

    -webkit-clip-path: polygon(0 0, 100% 0, 100% 60rem, 0 100%);

            clip-path: polygon(0 0, 100% 0, 100% 60rem, 0 100%);
}

@media (max-width: 767px) {
    .miniproject {
        height: 180rem;
        -webkit-clip-path: none;
                clip-path: none;
    }
} 

.miniproject-title {
  font-size: 2rem;
  margin: 4rem;
  padding-top: 8rem;
  text-align: center;
}