.cap-post-loop-container, .cap-post-loop-container-5 {
  display: grid;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 30px;
  height: 1300px;
  margin: 30px;
}
.cap-post-loop-container-3 {
  display: grid;
  grid-template-rows: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 30px;
  height: 700px;
  margin: 30px;
}

.cap-post-loop-container * {
  box-sizing: border-box;
}

.cap-post-title {
  grid-row: 1 / 2;
  grid-column: 1 / 3;
  align-self: center;
}
.cap-post-title h2 {
  margin: 5px 0px!important;
  line-height: 1 !important;
  font-family: 'Vitesse', sans-serif;
  font-size: 46px;
}
.cap-post-loop-container a {
  display: block;
}
.cap-post-loop-container a:nth-child(2) {
  grid-row: 2 / 5;
  grid-column: 1 / 3;
}
.cap-post-loop-container a:nth-child(3) {
  grid-row: 1 / 3;
  grid-column: 3 / 6;
}
.cap-post-loop-container a:nth-child(4) {
  grid-row: 3 / 5;
  grid-column: 3 / 6;
}
.cap-post-loop-container a:nth-child(5) {
  grid-row: 5 / 7;
  grid-column: 1 / 2;
}
.cap-post-loop-container a:nth-child(6) {
  grid-row: 5 / 7;
  grid-column: 2 / 6;
}

.cap-post-loop-item {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 1;
}
.cap-post-loop-item:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, rgba(24,25,21,.9) 10%, rgba(24,25,21,0) 50%);
  content: '';
  z-index: 2;
}
.cap-post-loop-item-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  transform: scale(1.05);
  transition: all .3s ease-in-out;
  z-index: 1;
}
.cap-post-loop-item-content {
  position: relative;
  height: 100%;
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-end;
  padding: 20px;
  color: #FFFFFF;
  z-index: 3;
}
.cap-post-loop-item-title {
  font-size: 21px;
  line-height: 1.2;
  font-weight: 700;
  margin-bottom: 0px;
}
.cap-post-loop-item-excerpt {
  margin-top: 0px;
}

.cap-post-loop-item:hover .cap-post-loop-item-img {
  transform: scale(1);
}

@media only screen and (max-width: 1000px) {
  .cap-post-loop-container {
    display: flex;
    flex-flow: column wrap;
    height: auto;
    margin: 0;
    gap: 0;
  }
  .cap-post-loop-container a:first-child {
    height: 600px;
  }
  .cap-post-loop-container a {
    height: 300px;
  }
  .cap-post-title {
    text-align: center;
    margin-bottom: 15px;
  }
}