.super-content-container .col-md-4 { width:33.33%; text-align: center;}

.super-content-container{display: flex; flex-wrap: wrap; padding-top: 20px;}

.super-content-container .chapter-img img{height: 150px;
margin: auto;
object-fit: cover;
width: 150px;
border-radius: 50%;background-color: #efefef;}



a.ytvideo{position: relative;}

a.ytvideo::before{ 
content: '';
width: 40px;
height: 40px;
position: absolute;
top: 50%;
right: 75%;
transform: translateY(-50%);
z-index: 1;
opacity: 0.9;
background-image: url('play-button-emoji.png');
background-size: contain;
box-shadow: 1px 1px 50px #000;
border-radius: 50%;
border: 2px solid #fff;
}

.super-content-container a{text-decoration: none !important; color: #333;}
@media only screen and (max-width: 500px){
  .super-content-container .col-md-4 { width:calc( 50% - 4px); text-align: center; border: solid 1px #eee;}
}

@media only screen and (max-width: 380px){
.super-content-container{margin-left: -25px;
margin-right: -25px;}
}