.photo-grid{
  display: grid;
  grid-template-columns: 70% 29%;
  grid-template-rows: auto;
  gap: 5px;
}

.photo-large img{
  grid-column: 1;
  grid-row: 1 / span 2 !important;
  height: 415px;
  background-color: #ccc;
  width: 100%;	
  object-fit: cover;
  border-radius:0px 0px 0px 10px;	
 	
}

.photo-small img{
  grid-column: 2;
  margin-bottom: 5px;
  height: 205px;
  background-color: #ddd;
  width: 100%;	
  object-fit: cover;
  border-radius:0px 10px 10px 0px;	
  display: block !important;
	
	
}




@media only screen and (max-width: 768px) {
  .photo-grid {
     display: grid;
  grid-template-columns: 60% 39%;
  grid-template-rows: auto;
  gap: 5px;
  }

  .photo-large img {
    grid-column: 1;
    grid-row: 1 / span 2;
	 height: 250px !important;  
  }

  .photo-small img {
    grid-column: 2;
    height: 123px !important;
    background-color: #ddd;
	
  }
}