body {
     background: linear-gradient(135deg, #140330, #561435, #030179);
     color: #eee;
 }

 .text__h5 {
     margin-top: 30px;
     margin-bottom: 30px;
 }

 h6 {
     margin-bottom: 18px;
 }

 .header img {
     max-width: 100%;
     /* картинка не виходить за межі контейнера */
     height: auto;
     /* пропорційне масштабування */
     object-fit: cover;
     /* картинка заповнює контейнер красиво */
     border-bottom-right-radius: 90px;
     /* (опціонально) округлення кутів */
     display: block;
     /* прибирає зайві відступи */
     margin: 0 auto;
     /* центрування */
 }


 .text__h {
     margin-top: 40px;
     margin-bottom: 40px;
 }

 .inform {
     margin-top: 100px;
     margin-bottom: 100px;
 }


 .card {
     border-radius: 20px;
     overflow: hidden;
     background: rgb(5, 81, 96);
     border: 1px solid rgba(255, 255, 255, 0.315);
     backdrop-filter: blur(10px);
     color: #ffffff;
 }

 .equalizer {
     height: 120px;
     display: flex;
     align-items: flex-end;
     justify-content: center;
     margin-bottom: 15px;
 }

 .equalizer .bar {
     width: 6px;
     margin: 0 2px;
     height: 10px;
     border-radius: 5px;
     transition: height 0.1s linear;
 }

 .list-group-item.active {
     background: #087990 !important;
     border-color: #087990 !important;
 }


 .list-group {
     max-height: 200px;
     overflow-y: auto;
 }

 .video-container {
     position: relative;
     width: 100%;
     max-width: 800px;
     /* ограничение по максимуму, можно убрать */
     margin: auto;
     overflow: hidden;
     border-radius: 12px;
     /* для красоты */
     margin-top: 50px;
     margin-bottom: 50px;
 }

 .video-container video {
     width: 100%;
     height: auto;
     display: block;
 }