.list li {
  position: relative;
  padding-left: 28px;
}

.list li::before {
  position: absolute;
  content: "";
  background-color: rgba(0, 0, 0, 0.4);
  height: 2px;
  width: 15px;
  top: 11px;
  left: 0;
}

@media (max-width: 1024px) {
  .list li {
    padding-left: 14px;
  }

  .list li::before {
    width: 5px;
    left: 5px;
  }
}

#website > div:nth-child(2),
#applications > div:nth-child(1),
#seo > div:nth-child(2),
#infogerance > div:nth-child(1),
#artificial-intelligence > div:nth-child(2),
#design > div:nth-child(1) {
  background-repeat: no-repeat;
}

#website > div:nth-child(2) {
  background-image: url("../image/services/site-web.webp");
  background-size: cover;
  background-position: center;
}

#applications > div:nth-child(1) {
  background-image: url("../image/home-page/mobile-application.webp");
  background-position: right 40% top 80%;
}

#seo > div:nth-child(2) {
  background-image: url("../image/services/seo.webp");
  background-size: cover;
  background-position: center;
}

#infogerance > div:nth-child(1) {
  background-image: url("../image/services/infogerance.webp");
  background-size: cover;
}

#artificial-intelligence > div:nth-child(2) {
  background-image: url("../image/services/ia.webp");
  background-size: cover;
  background-position: center;
}

#design > div:nth-child(1) {
  background-image: url("../image/home-page/grqphic\ design.webp");
  background-position: right 15% top 40%;
}