.photos-container{

  display: flex;
  flex-direction: row;

  align-items: center;

  flex-wrap: wrap;

  max-width: 1920px;

  margin-left:auto;
  margin-right:auto;

  --nombrePhotos: 7;
}

.photos-container.center{
  justify-content: center;
}

.photos-container.left{
  justify-content: flex-start;
}

.square-photo-container{
  width: calc(100% / 7);
  height:calc(clamp(0px,100vw,1920px) / 7);

  overflow: hidden;
}

img.square-photo{
  width: 100%;
  height:100%;
  object-fit: cover;

  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

img.previewable{
  cursor: pointer;
}

img.previewable:hover{
  opacity:75%;
  transform: scale(1.1, 1.1);
}

@media only screen and (min-width: 480px) and (max-width: 1100px){

.photos-container{

  --nombrePhotos: 4;
}

.square-photo-container{
  width: calc(100% / 4);
  height:calc(clamp(0px,100vw,1920px) / 4);
}

}

@media only screen and (min-width: 0px) and (max-width: 480px){

.photos-container{

  --nombrePhotos: 2;
}

.square-photo-container{
  width: calc(100% / 2);
  height:calc(clamp(0px,100vw,1920px) / 2);
}

}