.partner img {
object-fit: contain;
width: 100px;
height: 100%;
filter: invert(50%);
}

.ratio1-1 img {
  width: 100%;
  height: -webkit-fill-available;
  max-height: 80vh;
  object-fit: cover;

}



figure img > [data-ratio="1/1"] {
  max-height: 40vh;
}

#blue img {
  filter: invert(28%) sepia(15%) saturate(1503%) hue-rotate(170deg) brightness(95%) contrast(92%);
}



#golden-sand img {
  filter: invert(99%) sepia(78%) saturate(1545%) hue-rotate(320deg) brightness(101%) contrast(90%);
}

#black img {
  filter: none;
}

#black img:hover {
  filter:  saturate(3) contrast(2) grayscale(1);
}
#black img:hover + figcaption {
color: black;}



@media screen and (max-width: 980px){

.ratio1-1 img {
max-height: 48vh;
}
}