.slider {
      position: relative;
      max-width: 90%;
      height: 450px;
      margin-left: 5%;
      overflow: hidden;
      border-radius: 0px;
      text-align: center;
    }

    .slides {
      position: absolute;
      width: 100%;
      height: 100%;
      opacity: 0;
      animation: fade 15s infinite;
    }

    .slides:nth-child(1) {
      animation-delay: 0s;
    }

    .slides:nth-child(2) {
      animation-delay: 5s;
    }

    .slides:nth-child(3) {
      animation-delay: 10s;
    }

    @keyframes fade {
      0% { opacity: 0; }
      10% { opacity: 1; }
      30% { opacity: 1; }
      40% { opacity: 0; }
      100% { opacity: 0; }
    }

    .slides img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }