.rama9-figure {
  background-color: #B5C0C8;
  display: block;
/*  width: 100%;*/
  margin: 0px;
  padding-bottom: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 10px;

  > img,
  > video,
  > object {
    object-fit:cover;
    object-position: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
	  max-width: 100%;
  transition: transform 0.5s ease-in-out;
  }
}
		.rama9-figure > img:hover {
				opacity: 0.9;
				transform: scale(1.1);
			}
		

/* Media queries*/
@media screen and (min-width: 701px) {
	rama9-figure {
		width: calc(33% - 0.5rem);
	}
}

@media screen and (max-width: 700px) {
	rama9-figure {
		width: calc(50% - 0.5rem);
	}
}

@media screen and (max-width: 550px) {
	rama9-figure {
		width: 100%;
	}
}