/* CSS for owl divider */
.section-divider-owl-container {
  position: relative;
  z-index: 5;
  height: 0;
  width: 100%;
  margin-bottom: 90px; /* Half of the showcase section's padding-top */
}

.owl-image-centered {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 225px; /* Zväčšené o 50% */
  height: auto;
  max-width: 100%;
  z-index: 10;
  transition: transform 0.3s ease;
  border-radius: 50%; /* Make the image circular */
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); /* Add a subtle shadow */
}

/* Hover effect */
.owl-image-centered:hover {
  transform: translate(-50%, -50%) scale(1.05);
}

/* Responzívne štýly */
@media (max-width: 768px) {
  .owl-image-centered {
    width: 180px;
  }
  
  .section-divider-owl-container {
    margin-bottom: 70px;
  }
}

@media (max-width: 576px) {
  .owl-image-centered {
    width: 150px;
  }
  
  .section-divider-owl-container {
    margin-bottom: 60px;
  }
}