FEA_12_TRIATHLON/src/components/adminMenu/adminMenu.scss

.menu-block {
  display:flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 5px;
  
  .menu-skew {
    position: relative;
    top: 0px;
    left: 0;
    height: 350px;
    width: 40%;
    overflow: hidden;
    transition: 0.3s;
    margin: 5px 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    
    display: flex;
    justify-content: center;
    align-items: center;
    
    &:first-child {
      clip-path: polygon(0 0,100% 0,80% 100%,0% 100%);
       background-image: 
    url(https://43nnuk1fz4a72826eo14gwfb-wpengine.netdna-ssl.com/wp-content/uploads/2016/09/Jens-Group-Ride_Blog.jpg);
    }

     &:nth-child(2) {
      right: -100px;
      clip-path: polygon(12% 0,100% 0,100% 100%,0% 100%);
      margin-left: -7%;
      flex-grow: 2;
      
      background-image: url(https://www.getthegloss.com/media/image/marathon.jpg);
    } 
    
     &:nth-child(3){
      flex-grow: 2;
      clip-path: polygon(0 0,100% 0,86% 100%,0% 100%);
      background-image: url(https://images.fitnessmagazine.mdpcdn.com/sites/fitnessmagazine.com/files/styles/slide/public/800_triathletes-swimming.jpg?itok=vEUQ17sh);
    }
    
     &:last-child {
      flex-grow: 0;
      clip-path: polygon(24% 0,100% 0,100% 100%,0% 100%);
      margin-left: -8.5%;
      background-image: url(https://cdn.shopify.com/s/files/1/0235/4757/articles/CMP-201903-SinchBikes_KGorge-Highres-6214_600x300_crop_center.jpg?v=1561970623);
    }

    &:hover {
      opacity: 0.5;
    }
    
    .menu-text{
      color: #5acec2;
      font-size: 3rem;
      letter-spacing: 0.2;
      font-weight: 600;
      text-shadow: 3px 3px 3px #000;
    }
  }
}