.photography-container
 {
    display: grid;
    column-gap: 20px;
    row-gap: 20px;
    grid-template-columns: repeat(auto-fit, minmax(250px,1fr));
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
 }

 .photography-block
 {
    height: 250px;
    background-color: lightgrey;
    position: relative;
 }

 .photography-block img
 {
    width: 100%;
    max-height: 250px;
    object-fit: cover;
 }

 .photography-block-title
{
   position: absolute;
   background-color: rgb(0, 0, 0);
   color: white; 
   right: 0px; 
   bottom: 0px;
   text-align: right;
   padding-left: 5px;
   padding-right: 5px;
   padding-top: 2px;
   padding-bottom: 2px;
   text-transform: uppercase;
   letter-spacing: -1px;
   font-weight: bold;
   opacity: 0.7;
}


/* gallery */

div.gallery
{
  max-width: 1250px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 20px;
}

div.gallery ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  gap: 10px 10px;
}

div.gallery li {
  height: 25vh;
  flex-grow: 1;
}

div.gallery li:last-child
{
  flex-grow: 12;
}

div.gallery img
{
transition:.5s;
  max-height: 100%;
  min-width: 100%;
  object-fit: cover;
}

div.gallery img:hover
{
    transition:.5s;
    transform: scale(1.08);
}