body{
  background-color: #F8F9FA;
}
.custom-navbar {
  background-color: #37003C;
  margin-bottom: 30px;
}

.banner {
  overflow-x: hidden;
}

.text-purple {
  color: #37003C;
}

.card{
  border-radius: 32px;
  background: #FFF;
}
.card-banner-1 {
  background-color: #37003C;
  height: 335px;
  border-radius: 24px;
}

.epl-logo-avatar {
  width: 148px;
}

.mbappe-img {
  transform: translateX(-50%) scaleX(-1);
  position: absolute;
  bottom: 0;
  left: 50%;
}

.lewandowlski-img {
  transform: translateX(-50%) scaleX(-1);
  position: absolute;
  bottom: 0px;
  left: 57%;
  width: 36rem;
}

.harry-kane-img {
  position: absolute;
  right: 11px;
  width: 40rem;
}

.saka-img {
  position: absolute;
  right: 64px;
  width: 43rem;
  bottom: -90px;
  transform: scaleX(-1);
}

.benzema-img {
  transform: scaleX(-1);
  position: absolute;
  left: 95px;
  bottom: -25%;
  width: 35rem;
}

.salah-img {
  position: absolute;
  left: 140px;
  bottom: -17px;
  width: 41rem;
}

.banner-card {
  width: 230px;
  height: 288px;
  color: #37003C;
}

.banner-card-header {
  border-bottom: 1px solid #37003C;
}

.banner-card-button {
  border: 0;
  width: 100%;
  background-color: #37003C;
}

.card-banner-2 {
  background-color: #7A1026;
  border-radius: 24px;
}

.card-banner-2 button, .card-banner-3 button {
  background-color: rgba(0, 0, 0, 0.6);
}

.card-banner-2 .champions-img {
  position: absolute;
  right: -108px;
  width: 16rem;
  top: 0;
  transform: scaleX(-1);
}

.goal-img {
  position: absolute;
  right: -108px;
  width: 16rem;
  top: 0;
}

.card-banner-3 {
  background-color: #023474;
  border-radius: 24px;
}

.championship {
  color: #37003C;
}

.championship .img-wrapper {
  width: 157px;
  height: 157px;
}

.champions-card-header {
  border-bottom: 1px solid #37003C;
}

footer {
  background-color: #37003C;
}
@media screen and (max-width: 768px) {
  
  .card-banner-1 {
    height: auto;
  }
  .banner-card {
    width: 100%;
  }

  .banner-card-button {
    width: auto;
  }

  .banner-card-player {
    height: 350px;
  }

  .harry-kane-img {
    width: 28rem;
    top: 332px;
    left: 86px;
    transform: translateX(-50%) translateY(-50%);
  }

  .benzema-img {
    width: 25rem;
    top: 245px;
    left: 87%;
    transform: translateX(-50%) translateY(-50%) scaleX(-1);
  }

  .mbappe-img {
    top: 78px;
    width: 11rem;
  }
  .lewandowlski-img {
    width: 30rem;
    top: 7%;
    left: 64%;
    transform: translateX(-50%) scaleX(-1);
  }

  .saka-img {
    width: 30rem;
    left: 40px;
    top: 230px;
    transform: translateX(-50%) translateY(-50%) scaleX(-1);
  }

  .salah-img {
    width: 35rem;
    top: 206px;
    left: 100%;
    transform: translateX(-50%) translateY(-50%);
  }

  .card-banner-2 .champions-img {
    width: 10rem;
  }

  .goal-img {
    width: 10rem;
  }
}