.containerCOT {
    position: relative;
    display: inline-block;
/*    padding: 20px;
    background: #f0f0f0;*/
    cursor: pointer;
  }

  .delayed-imageCOT {
    /* Pozycjonowanie na środku ekranu */
    position: fixed;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.8);
    
    /* Ukrycie obrazka */
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    
    /* Animacja i opóźnienie */
    transition: opacity 0.5s ease, transform 0.5s ease, visibility 0.1s;
    transition-delay: 0s; /* Brak opóźnienia przy znikaniu */
    z-index: 1000;
  }
  
    /* Efekt po najechaniu na kontener */
  .containerCOT:hover .delayed-imageCOT {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1);
    
    /* 1 sekunda opóźnienia przed pokazaniem */
    transition-delay: 0.5s; 
  }