.navbar.navbar-light.navbar-expand-lg.fixed-top.bg-white.clean-navbar {
}

.navbar.navbar-light.navbar-expand-lg.fixed-top.bg-white.clean-navbar {
  background: #333;
}

.player {
  
  background-image:url("https://media.giphy.com/media/YSM89nlgOCPFPMguoT/giphy.gif");
  background-size:contain;
  
  height:auto;  
  margin-top: 0;
  border-radius: 25px;
  
  box-shadow:#03a9f47d 0 0 25px;
}

.player-in {background:#0000007d; width:100;height:auto;padding: 20px 10px 10px 10px; border-radius: 20px;}



.foto img{
  border-radius:50%
}

.foto h2 {text-align:center}
.feature-box {
    padding:0 10px 0 10px;
}

[style*="--aspect-ratio"] > :first-child {
  width: 100%;
}
[style*="--aspect-ratio"] > img {  
  height: auto;
} 
@supports (--custom:property) {
  [style*="--aspect-ratio"] {
    position: relative;
  }
  [style*="--aspect-ratio"]::before {
    content: "";
    display: block;
    padding-bottom: calc(100% / (var(--aspect-ratio)));
  }  
  [style*="--aspect-ratio"] > :first-child {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
  }  
}
.features {padding:35px 0 ;}