blockquote {

  padding: 10px 20px;
margin: 0 0 20px;
font-size: 17.5px;
border-left: 5px solid #39d539 !important;
}
blockquote:before {
  color:#39d539;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;

}
blockquote p {
  display: inline;
}
.blog-ribbon
{
  display: flex;
  align-items: center;
  justify-content: center;
}

/* The card */
.card {
  position: relative;
  padding-bottom:40px;
  width: 60%;
  margin: 134px auto;
  background-color: #FFF;
  -webkit-box-shadow: 10px 10px 93px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 10px 10px 93px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 10px 10px 93px 0px rgba(0, 0, 0, 0.75);
}

/* Image on the left side */
.thumbnail {
  float: left;
position: relative;
left: 0px;
top: 0px;
height: 320px;
width: 530px;
-webkit-box-shadow: 10px 10px 60px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow: 10px 10px 60px 0px rgba(0, 0, 0, 0.75);
box-shadow: 10px 10px 60px 0px rgba(0, 0, 0, 0.75);
overflow: hidden;
border-bottom-right-radius: 33px !important;
height: 200px;
width: 45%;
}

/*object-fit: cover; */
/*object-position: center; */
img.left {
  position: absolute;
  left: 50%;
  top: 50%;
  height: auto;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

/* Right side of the card */
.right {
  margin-left: 47%;
  margin-right: 20px;
}