.minimalist-background {
        background-color: #f5f5f5; 
        padding: 50px 0;
      }
      
      .minimalist-background h2 {
        font-family: 'Arial', sans-serif;
        font-weight: 700;
        color: #333; 
      }
      
      
      .card {
        border: none;
        background: #fff;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        transition: transform 0.3s ease, box-shadow 0.3s ease;
      }
      
      .card:hover {
        transform: translateY(-10px);
        box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
      }
      
      
      .image-wrapper {
        position: relative;
        overflow: hidden;
      }
      
      .card-img-top {
        transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
      }
      
      .card:hover .card-img-top {
        transform: scale(1.1);
        opacity: 0.9;
      }
      

      @keyframes fadeIn {
        from {
          opacity: 0;
          transform: scale(0.95);
        }
        to {
          opacity: 1;
          transform: scale(1);
        }
      }
      
      .fade-in {
        animation: fadeIn 0.8s ease forwards;
      }
      
      
      @media (max-width: 768px) {
        .card {
          margin-bottom: 20px;
        }
      }