.bt-testimonial-slider-info-over-photo { display: flex; flex-wrap:wrap; width: 100%; }

.info-over-photo-wrapper { width: 100%; position: relative; }
.width-half .info-over-photo-wrapper { width: 50%; }
.width-third .info-over-photo-wrapper { width: 33.33333%; }
.width-quarter .info-over-photo-wrapper { width: 25%; }

.info-over-photo { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-size:cover; background-position: center; }
.info-over-photo div { height: 100%; width: 100%;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+26,000000+93&0+26,0.8+93 */
background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,0) 26%, rgba(0,0,0,0.8) 93%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,0) 26%,rgba(0,0,0,0.8) 93%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(255,255,255,0) 26%,rgba(0,0,0,0.8) 93%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#cc000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.info-over-photo-info { position: relative; z-index: 1; text-align: center; color:#fff; }
.info-over-photo-info > div { padding: 5rem 0 2rem; }
.info-over-photo-info > div > div { background:rgba(0,0,0,.6); padding: 1em 3rem 1.75em; opacity: 0; transition: all .4s ease; }

.info-over-photo-info-name { font-size: 1.75rem; margin-bottom:.25rem; font-weight: 400; }

.info-over-photo-info-link .btn { border-radius:0; padding: .25em .75em .27em; }


.info-over-photo-wrapper:hover .info-over-photo-info > div > div { opacity:1; }
.info-over-photo-wrapper:hover .info-over-photo-info > div > div a { color:#fff; }

.ccm-edit-mode .info-over-photo-info > div > div { opacity: 1; }

.info-link { cursor: pointer; }

.info-link .cover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }

@media screen and (max-width: 800px) {
.info-over-photo-info > div > div { opacity: 1; }
.info-over-photo-wrapper,
.width-half .info-over-photo-wrapper,
.width-third .info-over-photo-wrapper,
.width-quarter .info-over-photo-wrapper { width: 100%; }
}