.elementor-4695 .elementor-element.elementor-element-afb7648{--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-4695 .elementor-element.elementor-element-afb7648:not(.elementor-motion-effects-element-type-background), .elementor-4695 .elementor-element.elementor-element-afb7648 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.ribolove.com.ua/wp-content/uploads/2025/06/17f090d06f0250a74cd175f175e55bb6186be775_result123.webp");background-position:center center;background-size:cover;}@media(max-width:767px){.elementor-4695 .elementor-element.elementor-element-afb7648{--width:87.2vw;--min-height:128vw;}}@media(min-width:768px){.elementor-4695 .elementor-element.elementor-element-afb7648{--width:42.5vw;}}/* Start custom CSS for container, class: .elementor-element-afb7648 */#imagezoom116 {
    overflow: hidden;
    background-size: 140%; /* Устанавливаем начальный размер фона */
    background-position: center;
    transition: background-size 1s ease, background-position 1s ease;
}

#imagezoom116:hover {
    background-size: 150%;
    background-position: center;
}

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

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