.block--centered-quote {
background: #BEE5F6;
position: relative;
}
span.starting-quote,
span.ending-quote {
width: 3.6rem;
height: 3.6rem;
position: absolute;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
filter: brightness(0) invert(1);
}
span.starting-quote {
top: 1rem;
left: 1rem;
background-image: url(//www.socialactive.com/wp-content/plugins/socialactive-gutenberg-blocks/blocks/images/left-quote.svg);
}
span.ending-quote {
bottom: 1rem;
right: 1rem;
background-image: url(//www.socialactive.com/wp-content/plugins/socialactive-gutenberg-blocks/blocks/images/right-quote.svg);
}
@media (max-width: 767px) {
span.starting-quote,
span.ending-quote {
width: 40px;
height: 40px;
}  
}