.elementor-1054 .elementor-element.elementor-element-eac45f0{--display:flex;--min-height:36.111vw;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:1px 1px 1px 1px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1054 .elementor-element.elementor-element-eac45f0:not(.elementor-motion-effects-element-type-background), .elementor-1054 .elementor-element.elementor-element-eac45f0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.ribolove.com.ua/wp-content/uploads/2025/04/photo_1_2025-05-11_22-38-11.jpg");background-position:center center;background-size:cover;}@media(max-width:767px){.elementor-1054 .elementor-element.elementor-element-eac45f0{--width:100%;--min-height:114.667vw;}}@media(min-width:768px){.elementor-1054 .elementor-element.elementor-element-eac45f0{--width:42.5vw;}}/* Start custom CSS for container, class: .elementor-element-eac45f0 */#imagezoom20 {
    overflow: hidden;
    background-size: 130%; /* Устанавливаем начальный размер фона */
    background-position: center;
    transition: background-size 1s ease, background-position 1s ease;
}

#imagezoom20:hover {
    background-size: 140%;
    background-position: center;
}

@media (max-width: 750px) {
  #imagezoom20 {
      background-size: 200%;
      background-position: center;
      transition: none; /* Отключаем анимации */
  }

  #imagezoom20:hover {
      background-size: 200%; /* Убираем zoom при наведении */
      background-position: center;
  }
}/* End custom CSS */