.cwiw{
    text-align: center;
}



.row-test {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: space-between;
}
.category_name {
  flex-grow: 1;
  flex-basis: 250px;
  max-width: 500px;
  margin: 1em;
margin-bottom:2em;
box-shadow: -2px 2px 10px 0px rgba(68, 68, 68, 0.4);
  transition: transform 0.3s ease-in-out;
}
.category_name:after {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.3;
    transition: opacity 0.3s ease-in-out;
}
.category_name:hover {
          transform: scale(1.05);
}
.category_name:hover:after {
          opacity:0;
}
.row-test img {
  width: 100%;
}

.row-test a {
    background:rgb(128 128 128 / 83%);

}


.naziv_kat {
    margin: 0px;
    padding: 1.2em;
    color: white;

}