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

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

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

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