div.content img {
  width: 100%; }
div.content .colin-memoriam {
  padding-top: 100px;
  display: grid;
  grid-template-columns: 450px auto 170px;
  grid-template-rows: 318px auto;
  grid-template-areas: "colin-img colin colin-img2" "colin-img music music";
  column-gap: 20px; }
  div.content .colin-memoriam .colin-img {
    grid-area: colin-img; }
    div.content .colin-memoriam .colin-img img {
      width: 100%; }
  div.content .colin-memoriam .colin-img2 {
    grid-area: colin-img2; }
  div.content .colin-memoriam .colin {
    grid-area: colin; }
  div.content .colin-memoriam .music-link {
    grid-area: music; }
    div.content .colin-memoriam .music-link a, div.content .colin-memoriam .music-link img {
      width: 100%; }
div.content .history {
  display: grid;
  grid-template-columns: 125px auto;
  grid-template-rows: auto;
  grid-template-areas: "logo writeup" "history-photo history-photo";
  column-gap: 20px; }
  div.content .history .logo {
    grid-area: logo;
    padding-top: 25px; }
  div.content .history .text {
    grid-area: writeup; }
  div.content .history .history-photo {
    grid-area: history-photo; }