.section {
    
      margin-top: 70px;
      padding: 40px 20px;
      text-align: center;
      background: #0f2c46;
    }

    .section h2 {
      font-size: 36px;
      color:whitesmoke;
    }

    

    .slider {
      overflow: hidden;
      position: relative;
      width: 100%;
      height: 100%;
      margin: 25px 0;
    }

    .slide-track {
      display: flex;
      width: calc(200%);
      animation: scroll 21s linear infinite;
    }

    .slide {
      margin: 0 10px;
      flex-shrink: 0;
      border-radius: 12px;
      overflow: hidden;
      box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    }

    .slide img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 12px;
      display: block;

    }

    
    .small  { height: 240px; border: 2px solid white; }
    .medium { height: 240px;border: 2px solid white }
    .large  {  height: 240px;border: 2px solid white }

    @keyframes scroll {
      0%   { transform: translateX(0); }
      100% { transform: translateX(-50%); }
    }