@media screen and (max-width: 578px) {
      
  wedding-card {
    width: 90vw;
    height: 54vw;
  }
      
  wedding-card:not(.invite) img.full {
    width: 90vw;
    height: 54vw;
  }
  
  #timeline {
    width: 90vw;
    height: 180vw;
  }
  
  #engagement-container .photo {
    min-width: 90vw;
    min-height: 54vw;
  }
      
}

/*@media (prefers-color-scheme: light) {*/
/*  body {*/
/*    font-family: var(--wbhb-font-heading);*/
/*    background-color: var(--wbhb-color-white);*/
/*    color: var(--wbhb-color-black);*/
/*  }*/
/*}*/

/*@media (prefers-color-scheme: dark) or (prefers-color-scheme: no-preference) {*/
/*  body {*/
/*    font-family: var(--wbhb-font-heading);*/
/*    background-color: var(--wbhb-color-black);*/
/*    color: var(--wbhb-color-white);*/
/*  }*/
/*}*/