.card {
        display: grid;
        grid-template:
        "img title" min-content
        "img content" auto / 1fr 3fr;
        grid-column-gap: 1.0em;
        box-shadow: 0 0 1em rgba(0, 0, 0, 0.5);
        padding: 1.0em;
        margin-bottom: 1.0em;
      }

      .card-img {
        grid-area: img;
        max-width: 100%;
      }

      .card-title {
        grid-area: title;
        margin: 0;
        font-weight: 300;
      }

      .card-content {
        grid-area: content;
        a {
          color: $yellow;
          font-size: 1.1em;
        }
      }
	  
	  .img_grid {
        display: grid;
        grid-template-areas:
		"title2 title2 title2"
		"img2 img2 img2"
		"content2 content2 content2"
        ;
        grid-column-gap: 1.0em;
        box-shadow: 0 0 1em rgba(0, 0, 0, 0.5);
        padding: 1.0em;
        margin-bottom: 1.0em;
      }

      .img_grid_img {
        grid-area: img2;
        max-width: 100%;
      }

      .img_grid_title {
        grid-area: title2;
        margin: 0;
        font-weight: 300;
		text-align: top;
      }

      .img_grid_content {
        grid-area: content2;
        a {
          color: $yellow;
          font-size: 1.1em;
        }
      }