#risk-swiper {
  width: 50%;
  height: 50vh;
}

.card {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.card .animation {
  width: 28vw;
  height: auto;
  position: relative;
  left: 3vw;
}

@media (max-width: 768px) {
  #risk-swiper {
    width: 100%;
    height: 42vh;

    padding-left: 0vw;
  }
  .card .animation {
    width: 130vw;
    height: auto;
    position: relative;
 
    left: -13vw;
  }
  .card .animation.lottie-blood_pressure {
    left: -24vw;
  }
  .card .animation.lottie-diabetes {
    left: -21vw;
  }
  .card .animation.lottie-family_tree {
    left: -21vw;
  }
  .card .animation.lottie-family_tree {
    left: -21vw;
  }
  .card .animation.lottie-lack_of_sport {
    left: -14vw;
  }
  .card .animation.lottie-fat {
    left: -19vw;
  }
  .card .animation.lottie-kidney {
    left: -16vw;
  }
}