Blockquote broke with recent WordPress Updates

Recently something changed in WP that broke my blockquote styling. If you look at the page linked that I need help with and scroll to the bottom you can see how the blockquote looks on my older posts (which is how it’s supposed to look). If you look at this imgur-hosted screen shot, you can see how it looks right now (I have not been able to publish this post due to the blockquote snafu). Basically, the blockquote text is suddenly enormous and the font face is no longer registering.

Here is the code that I have in my style.css within the theme’s folder:

blockquote {
  color: #1c7557;
  font-family: "Playfair Display", Georgia, serif;
  font-size: 28px;
  font-size: 2.8rem;
  font-style: italic;
  line-height: 1.4;
  position: relative;
  z-index: 10000;
}

blockquote::before {
  color: #ebe7e1;
  content: "\201C";
  display: block;
  font-size: 208px;
  font-size: 20.8rem;
  font-style: normal;
  left: -35px;
  line-height: 1;
  position: absolute;
  top: -40px;
  z-index: -1;
}

blockquote cite {
  color: #787065;
  float: right;
  font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-style: normal;
  letter-spacing: 1px;
  margin-top: 1em;
  text-transform: uppercase;
}

blockquote cite::before {
  content: "\2013";
  display: inline;
}

blockquote.alignleft,
blockquote.alignright {
  background: #fff;
  border-bottom: 1px solid #ebe7e1;
  border-top: 2px solid #a09a92;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.025);
  font-size: 27px;
  font-size: 2.7rem;
  max-width: 75%;
  padding: 0.5em;
}

blockquote.alignleft p:last-of-type,
blockquote.alignright p:last-of-type {
  margin-bottom: 0;
}

blockquote.alignleft::before,
blockquote.alignright::before {
  display: none;
}

Does anyone know why my blockquote css is no longer rendering properly and how I might fix this?

The page I need help with: [log in to see the link]