.main-1
{
  width: 100%;
  max-width: 1040px;
  min-width: 300px;
  margin: 0px auto;
  overflow: hidden;
  margin-bottom: 30px;
 
}

.blok-1 img{
     width: 100%;
     border-radius: 10px;
}

.blok-main
{
 float: left;
 width: 33%;
  transition: all 600ms ease-in-out;
}
.blok-1
{
  
  padding: 10px;
  margin: 10px;
  border: 2px solid rgb(0 101 171);
  border-radius: 10px;
  box-shadow:1px 3px 5px 0px;

}

.footer_main{
 max-width: 1030px;
 min-width: 250px;
 margin: 10px auto;
 overflow: hidden;
}
.footer_main-blok{
  background:url(../img/blog_bg.jpg);
   float: left;
   width: 33%;
}

/* Стиль для блока с ошибками */
.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    font-family: sans-serif;
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
/*--- карточка на главной странице----*/
.card-image-wrap {
    position: relative;
    display: inline-block;
}

.main-frame {
    display: block;
    width:100%; /* Или фиксированная ширина вашего телевизора */
    height: auto;
}

.video-overlay-title {
    position: absolute;
    /* Регулируйте эти значения, чтобы попасть точно в экран телевизора */
    top: 5%; 
    left: 5%;
    width: 70%; 
    height: 78%;
    overflow: hidden;
}

.video-overlay-title img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Чтобы миниатюра заполнила экран без искажений */
}