.blog {
  position: relative;
}

.blog::before {
  display: block;
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 90rem;
  background-image: url(../../../assets/images/Pattern.svg);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  z-index: -1;
}

@media screen and (max-width: 1023px) {
  .blog .blog__list {
    gap: 2rem;
  }

  .blog .blog__list .post {
    flex: 1 1 100%;
  }
}

@media screen and (max-width: 767px) {
  .blog .blog__list .button {
    margin-top: 1.75rem;
  }

  .blog .blog__list .post {
    flex: 1 1 auto;
  }
}