.container hr{padding: 2% 0 2% 0}
.gallery-ul{
  list-style-type: none;
  text-align: center;
}
.container li{
  margin: 2%;
  padding-bottom: : 0.75%;
  display: inline-block;
  list-style: none;
}
.container li img{
  margin-bottom: 4%;
}
.container li:hover{
  opacity: 0.5;
}
.container #desc{
display: block;
color: var(--primary-color);
padding:15px;
}

@media screen and (max-width:600px){
  .container{
    text-align: center;
  }
}

.block{
  /*display: block;*/
}