.opengraph {
    border: 1px solid grey;
    margin:auto;
    padding:1%;
/*     align-items:center; */
}
.opengraph img {
    height:100%;
    object-fit: cover;
}
@media only screen and (max-width: 768px) {
/* so images of a certain aspect ratio don't take too much of the page */
    .opengraph img {
        height:20vh;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
}
@media only screen and (min-width: 768px) {
    .opengraph {
        display:flex;
    }
    .opengraph img {
        width:25%;
        float:left;
        object-fit: cover;
    }
}
.opengraph .url {
/*     font-variant:small-caps; */
    color:grey;
    padding-bottom:0.5em;
}
.opengraph .text {
    padding:1%;
    padding-left:2%;
}
.opengraph .text .title {
    font-size: 1.10em;
    font-weight:bold;
    padding-bottom:1%;
}
.opengraph .text .title a {
    text-decoration:none;
}
/*p + .opengraph {
    margin-top:1.25em;
}*/

/* copy from https://antares.neocities.org/opengraph.css */

/*example: 

<div class="opengraph">
<img src=https://antares.neocities.org/microblog/img-small/wf-equinox1.jpg>
  <div class="text">
    <div class="url">antares.neocities.org</div>
    <div class="title">
      <a href="https://antares.neocities.org/blog/warframe-my-equinox">Steel Path, Archon Killer Equinox (2-4 Forma)</a>
    </div>
    <div class="description">
    Builds for Equinox. Viable for Steel Path, Arbitration, and Archon Hunts."
    </div>
  </div>
</div>
*/