.contact {
  position: relative;
  background:
    linear-gradient(90deg, rgba(2, 8, 23, .98), rgba(2, 8, 23, .88) 48%, rgba(2, 8, 23, .48)),
    url("assets/skillciti-office.png") center / cover no-repeat;
}
.contact::before { content:""; position:absolute; inset:0; background:linear-gradient(0deg,#020817 0%,transparent 35%); pointer-events:none; }
.contact > * { position:relative; z-index:1; }