.swiper-wrapper {
  transition-timing-function: linear;
}

.projects-block .container {
  background-image: url("../../../../../images/pattern.png");
}

.projects-card {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 13.75rem;
  height: 7.625rem;
  border-radius: 0.625rem;
  overflow: hidden;
  border: 2px solid var(--color-blue-5);
}

.projects-card-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (min-width: 768px) {
  .projects-block-title {
    font-size: 2rem;
  }

  .projects-card {
    width: 19.0625rem;
    height: 10.625rem;
    border-radius: 1rem;
  }
}

@media screen and (min-width: 1280px) {
  .projects-block-title {
    font-size: 3rem;
  }

  .projects-card {
    width: 24.3125rem;
    height: 13.5625rem;
  }
}

@media screen and (min-width: 1920px) {
  .projects-card {
    width: 35.6875rem;
    height: 19.875rem;
    border-radius: 1.5rem;
  }
}