.banner--about::before,
.banner--contact::before,
.banner--blog::before,
.banner--careers::before,
.banner--projects::before,
.banner--social::before,
.banner--services::before,
.banner--certifications::before {
  content: "";
  position: absolute;
  inset: 0;
  animation: zoomOut 10s ease-in-out infinite alternate;
  z-index: 0;
  transform-origin: center;
}

.banner--about::before,
.banner--contact::before,
.banner--blog::before,
.banner--careers::before,
.banner--projects::before,
.banner--social::before,
.banner--services::before,
.banner--certifications::before {
  background: linear-gradient(rgba(3, 8, 16, 0.78), rgba(7, 13, 24, 0.58)),
              url('../images/fromsite/IMG-20211101-WA0011.webp') no-repeat center/cover;
}