.grupa {
   animation: slide 20s linear infinite;
   background: gray url("http://borjan.net/images/clouds.jpg") repeat 0 0;
   padding: 5px 30px;
   width: 180px;
   margin: 3px 0;

}

.grupa:hover {
   animation-play-state: paused;
}

@keyframes slide {
   from {
      background-position: 0 0;
   }

   to {
      background-position: -1600px 0;
   }
}

.vnatre {
   background-color: white;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 10px;
}

.linkovi {
   opacity: 0;
   background-color: white;
   position: absolute;
   width: 170px;
   transition: opacity 1s;
}

.grupa:hover .linkovi {
   opacity: 1;
}

.linkovi .link:hover,
.naslov .link:hover {
   color: #324395;
   text-decoration: none;
}

.linkovi .link,
.naslov .link {
   color: rgb(97, 140, 196);
   font-weight: bold;
   display: block;
   margin: 10px;
   font-size: 11px;
   text-align: center;
   text-decoration: none;
   margin: 7px 0;
   line-height: 12px;
}

.naslov {
   font-weight: bold;
   font-size: 11px;
   color: rgb(97, 140, 196);
   text-align: center;
}

td {
   padding: 5px;
}