.image-with-summary{
    height:auto;
    display:grid;
    grid-template-columns: 2fr 1fr;
}

.cover-image-wrapper{
    float:right;
    display: flex;
    width:30rem;
    margin-left:1rem;
    justify-content: left;
    margin-right:auto;
  }
  
  .cover-image{
    width:100%; 
    object-fit:cover;
  }

  
  .long-description p img{
    max-width:300px;
  }
  
  .text-image-pair{
      display: flex;
      flex-direction: row;
      align-items: center;
      margin-bottom: 1rem;
      text-align: center;
      padding: 0 20%;
  } 

@media (max-width: 768px) {
    .image-with-summary {
        grid-template-columns: 1fr;
    }
    .cover-image-wrapper {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    .text-image-pair {
        flex-direction: column;
        align-items: center;
    }
}