first commit 2

rb/rb.mod/banner/skin/zoom_in_hover/style.css

@@ -0,0 +1,50 @@
+.rb-banner-zoom-in-hover {
+    position: relative;
+    overflow: hidden;
+    display: block;
+    width: 100%;
+    height: 100%;
+}
+
+.rb-banner-zoom-in-hover a {
+    display: block;
+    text-decoration: none;
+    width: 100%;
+    height: 100%;
+}
+
+.rb-banner-zoom-in-hover .banner-image {
+    width: 100%;
+    height: 100%;
+}
+
+.rb-banner-zoom-in-hover .banner-image img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    display: block;
+    transition: transform 0.4s ease;
+}
+
+.rb-banner-zoom-in-hover:hover .banner-image img {
+    transform: scale(1.1);
+}
+
+.rb-banner-zoom-in-hover .banner-content {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    padding: 10px;
+    background: linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%);
+    color: #fff;
+}
+
+.rb-banner-zoom-in-hover h3 {
+    margin: 0;
+    font-size: 0.9rem;
+    font-weight: 700;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}