.thumbnail-section {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  text-align: center;
}

.thumbnail-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.thumbnail-blur {
  width: 100%;
  height: auto;
  object-fit: cover;
  filter: blur(10px);
  transform: scale(1.1);
  position: absolute;
  top: 0;
  left: 0;
  clip-path: inset(0 0 50% 0);
}

.thumbnail-content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 71%; /* Обмежуємо ширину блоку */
  margin: 0 auto;
  margin-top: 50px; /* Повертаємо зміщення вниз */
  position: relative;
  overflow: hidden; /* Обмежує видиму область */
}




.thumbnail-passcotent {

  align-items: center;
  max-width: 71.5%; /* Обмежуємо ширину блоку */
  margin: 0 auto;
  padding-top: 1rem;

}



@media (min-width: 1400px) and (max-width: 1920px) {

.thumbnail-content {
  max-width: 1320px; /* Обмежуємо ширину блоку */
}

.thumbnail-passcotent {
  max-width: 1328px; /* Обмежуємо ширину блоку */
}

}



@media (min-width: 1200px) and (max-width: 1399px) {

.thumbnail-content {
  max-width: 1140px; /* Обмежуємо ширину блоку */
}

.thumbnail-passcotent {
  max-width: 1148px; /* Обмежуємо ширину блоку */
}

}


@media (min-width: 992px) and (max-width: 1199px) {

.thumbnail-content {
  max-width: 960px; /* Обмежуємо ширину блоку */
}

.thumbnail-passcotent {
  max-width: 968px; /* Обмежуємо ширину блоку */
}

}



@media (min-width: 768px) and (max-width: 991px) {

.thumbnail-content {
  max-width: 720px; /* Обмежуємо ширину блоку */
}

.thumbnail-passcotent {
  max-width: 728px; /* Обмежуємо ширину блоку */
}

}



@media (min-width: 576px) and (max-width: 767px) {

.thumbnail-content {
  max-width: 99%; /* Обмежуємо ширину блоку */
}

.thumbnail-passcotent {
  max-width: 99%; /* Обмежуємо ширину блоку */
}



.thumbnail-background {
display: none;

}

.thumbnail-content {
  margin-top: 0px;

}

}



@media (max-width: 766px) {

.thumbnail-content {
  max-width: 99%; /* Обмежуємо ширину блоку */
}

.thumbnail-passcotent {
  max-width: 99%; /* Обмежуємо ширину блоку */
}


.thumbnail-background {
display: none;

}


.thumbnail-content {
  margin-top: 0px;

}


}


.thumbnail-main {
  width: 100%; /* Нерозмите зображення займає всю ширину контейнера */
  height: auto;
  object-fit: contain;
}