.responsive-img {
  max-width: 566px;
  width:603px;
  height: auto;
  max-height: 603px; 
  object-fit: cover; /* crops the extra if needed */
  display: block;
}

.coffee-image{
    max-width: 566px;
  width:740px;
  height: auto;
  max-height: 760px; 
  object-fit: cover; /* crops the extra if needed */
  display: block;
}

.img-1 {
  width: 396px;
  height: 543px;
  max-width: 100%;
  height: auto;
}

.img-2 {
  width: 299px;
  height: 297px;
  max-width: 100%;
  height: auto;
}


.img-3 {
  width: 547px;
  height: 550px;
  max-width: 100%;
  height: auto;
}

.img-4{
  width: 296px;
  height: 394px;
  max-width: 100%;
  height: auto;
}