.image-caption {
     background-color: #fff;
     padding: 0.5rem 0.5em 0.5em 1em;
     font-style: italic;
     border-left: 4px solid var(--gfColors-slate30);
     justify-self: start;
}
 .marykate-signature {
     align-content: center;
}
/*LEGACY 20*/
 .drop-cap {
     font-size: 6rem;
     float: left;
     margin: 12px 18px 5px 0px;
     color: var(--gfColors-gold);
     line-height: .6em;
     font-weight: bold;
}
/*legacy grid > lg vw*/
 .grid-image {
     display: grid;
     grid-template-columns: 1fr 22.5px 200px 22.5px 1fr;
     grid-template-rows: 1fr;
     align-content: center;
}
 .grid-image p:first-of-type {
     grid-column: 1 / 2;
     grid-row: 1 / 2;
     align-self: center;
}
 .grid-image img {
     grid-column: 3 / 4;
     grid-row: 1 / 2;
     margin-inline: 0;
     margin-block: 1rem;
     align-self: center;
}
 .grid-image p:nth-of-type(2) {
     grid-column: 5 / 6;
     grid-row: 1 / 2;
     align-self: center;
}
/*legacy grid < lg vw*/

 @media (max-width: 991.89px) {
     .grid-image {
         grid-template-columns: 1fr 22.5px 200px;
         grid-template-rows: auto auto auto;
    }
    .grid-image hr {
        grid-row: 2 / 3;
        grid-column: 1 / 4;
    }
     .grid-image.grid-image-odd p:first-of-type {
         grid-column: 1 / 2;
         grid-row: 1 / 2;
    }
    .grid-image.grid-image-odd img {
         grid-column: 3 / 4;
         grid-row: 1 / 2;
    }
     .grid-image.grid-image-odd p:nth-of-type(2) {
         grid-column: 1 / 4;
         grid-row: 3 / 4;
    }
     .grid-image.grid-image-even p:first-of-type {
         grid-column: 1 / 4;
         grid-row: 1 / 2;
    }
     .grid-image.grid-image-even p:nth-of-type(2) {
         grid-column: 1 / 2;
         grid-row: 3 / 4;
    }
     .grid-image.grid-image-even img {
         grid-column: 3 / 4;
         grid-row: 3 / 4;
     }
}

@media (max-width: 575.89px) {
    .grid-image {
         grid-template-columns: 1fr;
         grid-template-rows: auto auto auto auto
    }
    .grid-image.grid-image-odd img {
         grid-column: 1 / 2;
         grid-row: 1 / 2;
         justify-self: center;
    }
     .grid-image.grid-image-odd p:first-of-type {
         grid-column: 1 / 2;
         grid-row: 2 / 3;
    }
    .grid-image.grid-image-odd hr {
        grid-column: 1 / 2;
        grid-row: 3 / 4;
    }
     .grid-image.grid-image-odd p:nth-of-type(2) {
         grid-column: 1 / 2;
         grid-row: 4 / 5;
    }
     .grid-image.grid-image-even p:first-of-type {
         grid-column: 1 / 2;
         grid-row: 1 / 2;
    }
    .grid-imag.grid-image-even hr {
        grid-column: 1 / 2;
        grid-row: 2 / 3;
    }
    .grid-image.grid-image-even img {
         grid-column: 1 / 2;
         grid-row: 3 / 4;
         justify-self: center;
     }
    .grid-image.grid-image-even p:nth-of-type(2) {
         grid-column: 1 / 2;
         grid-row: 4 / 5;
    }
}