.all-carousel{
  max-width: 80rem;
  width: 100%;
  margin: auto;
  position: relative;
}

.carousel-container{
  width: 100%;
  overflow: hidden;height: 100%;
  padding: 16px 16px 40px;
}

.move {
  animation-name: moveSlideshow;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  display: flex;
  width: max-content;
  min-width: 100%!important;
  overflow: visible!important;
  overflow: initial!important;
}

@keyframes moveSlideshow {
  100% {
    transform: translateX(-50%);
  }
}

.section{
  width: 50%;
}

.grid{
  display: grid;
  grid-gap: 0;
  grid-auto-columns: 100px;
  grid-auto-rows: 100px;
}

.item:first-child {
  -webkit-animation-duration: 5.23s;
  animation-duration: 5.23s;
  -webkit-animation-delay: 1.9s;
  animation-delay: 1.9s;
  grid-column: 1/span 1;
}

.item:nth-child(2) {
  grid-column: 1/span 1;
  -webkit-animation-duration: 5.15s;
  animation-duration: 5.15s;
  -webkit-animation-delay: .83s;
  animation-delay: .83s;
  grid-column: 2/span 1;
}

.item:nth-child(3) {
  grid-column: 1/span 1;
  -webkit-animation-duration: 5.28s;
  animation-duration: 5.28s;
  -webkit-animation-delay: .15s;
  animation-delay: .15s;
  grid-column: 3/span 1;
}

.item:nth-child(4) {
  grid-column: 1/span 1;
  -webkit-animation-duration: 4.29s;
  animation-duration: 4.29s;
  -webkit-animation-delay: 2.33s;
  animation-delay: 2.33s;
  grid-column: 4/span 1;
}

.item:nth-child(5) {
  grid-column: 1/span 1;
  -webkit-animation-duration: 3.75s;
  animation-duration: 3.75s;
  -webkit-animation-delay: .1s;
  animation-delay: .1s;
  grid-column: 5/span 1;
}

.item:nth-child(6) {
  grid-column: 1/span 1;
  -webkit-animation-duration: 3.73s;
  animation-duration: 3.73s;
  -webkit-animation-delay: .04s;
  animation-delay: .04s;
  grid-column: 6/span 1;
}

.item:nth-child(7) {
  grid-column: 1/span 1;
  -webkit-animation-duration: 4.92s;
  animation-duration: 4.92s;
  -webkit-animation-delay: .58s;
  animation-delay: .58s;
  grid-column: 7/span 1;
}

.item:nth-child(8) {
  grid-column: 1/span 1;
  -webkit-animation-duration: 6.01s;
  animation-duration: 6.01s;
  -webkit-animation-delay: .42s;
  animation-delay: .42s;
  grid-column: 8/span 1;
}

.item:nth-child(9) {
  grid-column: 1/span 1;
  -webkit-animation-duration: 2.55s;
  animation-duration: 2.55s;
  -webkit-animation-delay: .31s;
  animation-delay: .31s;
  grid-column: 9/span 1;
}

.item:nth-child(10) {
  grid-column: 1/span 1;
  -webkit-animation-duration: 3.1s;
  animation-duration: 3.1s;
  -webkit-animation-delay: 2.35s;
  animation-delay: 2.35s;
  grid-column: 10/span 1;
}

.item:nth-child(11) {
  grid-column: 1/span 1;
  -webkit-animation-duration: 4.26s;
  animation-duration: 4.26s;
  -webkit-animation-delay: 2.44s;
  animation-delay: 2.44s;
  grid-column: 11/span 1;
}

.item:nth-child(12) {
  grid-column: 1/span 1;
  -webkit-animation-duration: 5.8s;
  animation-duration: 5.8s;
  -webkit-animation-delay: 2.76s;
  animation-delay: 2.76s;
  grid-column: 12/span 1;
}

.item:nth-child(13) {
  grid-column: 1/span 1;
  -webkit-animation-duration: 5.85s;
  animation-duration: 5.85s;
  -webkit-animation-delay: .66s;
  animation-delay: .66s;
  grid-column: 13/span 1;
}

.item:nth-child(14) {
  grid-column: 1/span 1;
  -webkit-animation-duration: 2.87s;
  animation-duration: 2.87s;
  -webkit-animation-delay: 2.03s;
  animation-delay: 2.03s;
  grid-column: 14/span 1;
}

.item:nth-child(15) {
  grid-column: 1/span 1;
  -webkit-animation-duration: 4.95s;
  animation-duration: 4.95s;
  -webkit-animation-delay: 1.77s;
  animation-delay: 1.77s;
  grid-column: 15/span 1;
}

.item:nth-child(16) {
  grid-column: 1/span 1;
  -webkit-animation-duration: 3.54s;
  animation-duration: 3.54s;
  -webkit-animation-delay: .06s;
  animation-delay: .06s;
  grid-column: 16/span 1;
}

.item:nth-child(17) {
  grid-column: 1/span 1;
  -webkit-animation-duration: 6.01s;
  animation-duration: 6.01s;
  -webkit-animation-delay: .04s;
  animation-delay: .04s;
  grid-column: 17/span 1;
}

.item:nth-child(18) {
  grid-column: 1/span 1;
  -webkit-animation-duration: 3.4s;
  animation-duration: 3.4s;
  -webkit-animation-delay: .33s;
  animation-delay: .33s;
  grid-column: 18/span 1;
}

.item:nth-child(19) {
  grid-column: 1/span 1;
  -webkit-animation-duration: 6.18s;
  animation-duration: 6.18s;
  -webkit-animation-delay: .27s;
  animation-delay: .27s;
  grid-column: 19/span 1;
}

.item:nth-child(20) {
  grid-column: 1/span 1;
  -webkit-animation-duration: 4.31s;
  animation-duration: 4.31s;
  -webkit-animation-delay: 1.45s;
  animation-delay: 1.45s;
  grid-column: 20/span 1;
}

.item:nth-child(odd) {
  grid-row: 2;
}

.item{
  animation-iteration-count: infinite;
  background-color: transparent;
  animation-name: floatY;
  animation-fill-mode: both;
}

@keyframes floatY{
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-6px);
  }
  100% {
    transform: translateY(0);
  }
}

.icons{
  width: 50px;
  animation: float 4s ease-in-out infinite;
  margin: auto;
  display: flex;
  margin-top: 25px;
}

.degrade.left {
    left: 0;
    background-image: linear-gradient(90deg,#fff 12%,rgba(14,87,196,0));
}
.degrade.right {
    right: 0;
    background-image: linear-gradient(270deg,#fff 12%,rgba(14,87,196,0));
}
.degrade {
    height: 100%;
    pointer-events: none;
    width: 30%;
    position: absolute;
    top: 0;
    z-index: 5;
}

.static-skills .item .icons{
  margin-top: 0;
}
