.instafeedrow {
	padding: 0px !important;
	margin: 0px !important;
}

.instafeedrow > * {
	padding: 0px !important;
	margin: 0px !important;
}

/*.cont {
   position: relative; 
  width: 200px;
  height: 200px;
  
}*/
/* Make the image to responsive */
 /*
 .image {
 width: 200px;
  height: 200px;
}*/
#instafeed img{
  /*width: 100%;*/
  object-fit: cover;
 /* height: 200px;*/
}


/* FRA 
#instafeed.row.row-cols-4.instafeedrow.justify-content-left img, #instafeed.row.row-cols-5.instafeedrow.justify-content-left img, 
#instafeed.row.row-cols-4.instafeedrow.justify-content-left .cont, #instafeed.row.row-cols-5.instafeedrow.justify-content-left .cont {
  
  width: 100%;
  height: 230px;
}

#instafeed*.row.row-cols-4.instafeedrow.justify-content-left img, #instafeed.row.row-cols-4.instafeedrow.justify-content-left .cont {
  
  width: 100%;
  height: 260px;
}*/

/* The overlay effect (full height and width) - lays on top of the container and over the image */
.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #000000;
  opacity: 0.8;
  overflow: hidden;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transition: .5s ease;
  padding: 5px 7px;
  z-index: 100001 !important;
  display:block !important;
}


.inst-cuore, .inst-fumetto{
    color: white;
    width: 20px;
    height: 20px;
}
.inst-cuore path, .inst-fumetto path{
    fill:currentcolor;
}


/* When you mouse over the container, the overlay text will "zoom" in display */
.cont:hover .overlay {
  transform: scale(1);
}

/* Some text inside the overlay, which is positioned in the middle vertically and horizontally */
.text {
  color: white;
  /*
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  */
}