.section-card {
       transition: transform 1.25s cubic-bezier(0.215, 0.61, 0.355, 1), box-shadow 1.25s cubic-bezier(0.215, 0.61, 0.355, 1);
       transform: perspective(1600px) translate3d(0, 0, 0) scale(0.95);
       will-change: transform;
   }

   .section-card.active {
       transform: perspective(1600px) translate3d(0, 0, 0) scale(1);
       box-shadow: 0 0 75px rgba(0, 0, 0, 0.2), 0 5px 20px rgba(0, 0, 0, 0.2);
   }

   .section-card-img {
       transition: transform 1.25s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 1.25s cubic-bezier(0.215, 0.61, 0.355, 1);
       will-change: transform;
   }

   .section-card.active .section-card-img {
       transform: scale(1.1);
   }

   /* tutaj animacje dla tekstow */
   .hidden {
    opacity: 0;
    transform: translateY(20px); 
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  }
  
  .visible {
    opacity: 1;
    transform: translateY(0);
  }
  .do-ukrycia{
    opacity: 1;
  }
  .ukryj{
    opacity: 0;
    filter: blur(5px);
    transform: translateX(-100%);
    transition: all 1s;
  }
  @media(prefers-reduced-motion){
    .ukryj{
        transition: none;
    }
  }

  .pokaz{
    opacity: 1;
    filter:blur(0);
    transform: translateX(0);
  }

  #about-us-picture{
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  /* tutaj poprawka na nieskonczone przewijaniew  dol*/

  #main-picture, #logo-picture {
    will-change: transform, opacity;
    contain: layout style paint;
  }
  html, body {
    margin: 0;
    padding: 0;
    overflow-x: hidden; 
  }  
  body.modal-open, html.modal-open {
    overflow: hidden;
    height: 100%;
  }