.name-field-fmedia .field-item{
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
  overflow: hidden;
}
.name-field-fmedia .field-item:has(img){
  height: calc(100dvh - 202px);  /* header height 202px */
}
.name-field-fmedia .field-item img{
  opacity: 0;
  pointer-events: none;
}
.name-field-fmedia .field-item video{
  width: 100%;
}

/* fix mess autoslider layout until js run  */
.fslide .name-field-fmedia > .multitem > .item:not(:first-child){
  display: none;
}
.fslidejsrun .fslide .name-field-fmedia > .multitem > .item:not(:first-child){
  display: block;
}
/* end fix mess autoslider layout until js run */
.fslide .name-field-fmedia > .multitem{
  position: relative;
}
.fslidejsrun .fslide .name-field-fmedia > .multitem > .item{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  transition: opacity 500ms ease-out;
  z-index: 1;
}
.fslidejsrun .fslide .name-field-fmedia > .multitem > .item.active{
  position: relative;
  opacity: 1;
  z-index: 2;
}
@media screen and (max-width: 1400px){
  .name-field-fmedia .field-item:has(img){
    height: calc(100dvh - 125px);  /* header height 125px */
  }
}
@media screen and (max-width: 1150px){
  .name-field-fmedia .field-item{
    background-attachment: scroll;
  }
  .name-field-fmedia .field-item:has(img){
    height: calc(50dvh - 125px);  /* header height 202px */
  }
}