.reveal {
  position: relative;
  opacity: 0;
}

.reveal.active {
  opacity: 1;
}
.active.fade-bottom {
  animation: fade-bottom 1s ease-in;
}
.active.fade-top{
  animation: fade-top 1f ease-in;
}
.active.fade-left {
  animation: fade-left 1s ease-in;
}
.active.fade-right {
  animation: fade-right 1s ease-in;
}
@keyframes fade-bottom {
  0% {
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-top {
  0% {
    transform: translateY(0px);
    opacity: 0;
  }
  100% {
    transform: translateY(50px);
    opacity: 1;
  }
}
@keyframes fade-left {
  0% {
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes fade-right {
  0% {
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

.wens-musico-pro-masonary {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  box-sizing: border-box;
  overflow: hidden;
  padding: 0;
  width: 100%;
}
.wens-musico-pro-masonary .wp-block-post {
  position: absolute;
  box-sizing: border-box;
  transition: all 0.3s ease;
}
.wens-musico-pro-masonary.col1 .wp-block-post {
  width: 100%;
}
.wens-musico-pro-masonary.col2 .wp-block-post {
  width: calc(50% - 15px);
}
.wens-musico-pro-masonary.col3 .wp-block-post {
  width: calc(33.33% - 20px);
}
.wens-musico-pro-masonary.col4 .wp-block-post {
  width: calc(25% - 22.5px);
}
.wens-musico-pro-masonary.col5 .wp-block-post {
  width: calc(20% - 24px);
}
@media (min-width: 481px) and (max-width: 760px) {
  .wens-musico-pro-masonary .wp-block-post {
    width: calc(50% - 20px ) !important;
  }
}
@media (max-width: 528px ) {
  .wens-musico-pro-masonary .wp-block-post { width: calc(100% - 0px) !important; }
}