.contentPhotos{
    width:25em;
    max-height:24em;
    margin:auto;
    max-width:90%;
  }
  .smallPho{
    height:8em;
    padding:.25em;
  }
  .smallPhoInt{
    background-position: center;
    background-size: cover;
    height:100%;
    border-radius: 4px;
    display:block;
  }
  .bigPho{
    height:16em;
    padding:.25em;
  }
  .bigPhoInt{
    background-position: center;
    background-size: cover;
    height:100%;
    border-radius: 4px;
    display:block;
  
  }
  .credit{
    font-size:.35em;
  }
  @container (min-width: 576px) {
  
    .contentPhotos{
      width:30em;
      max-height:32em;
    }
    .bigPho{
      height:20em;
      padding:.5em;
    }
    .smallPho{
      height:10em;
      padding:.5em;
    }
  }
  @container (min-width: 768px) {
  
    .contentPhotos{
      width:45em;
      max-height:23em;
    }
    .bigPho{
      height:14em;
      padding:.5em;
    }
    .smallPho{
      height:7em;
      padding:.5em;
    }
  }
  
  @container (min-width: 992px) {
  
    #blocEvents{
      background-image: url("../img/bg_events.jpg");
    }
    .contentPhotos{
      width:55em;
      max-height:29em;
    }
    .bigPho{
      height:18em;
      padding:.5em;
    }
    .smallPho{
      height:9em;
      padding:.5em;
    }
  }
  
  @container (min-width: 1200px) {
  
    .contentPhotos{
      width:65em;
      max-height:35em;
    }
    .bigPho{
      height:22em;
      padding:.75em;
    }
    .smallPho{
      height:11em;
      padding:.75em;
    }
  }
  
  @container (min-width: 1800px) {
    .contentPhotos{
      width:75em;
      max-height:38em;
    }
    .bigPho{
      height:24em;
    }
    .smallPho{
      height:12em;
    }
  }