feat: add image zoom, remove unused things

.gitignore

@@ -2,7 +2,7 @@
 .idea
 mbox
 nbproject
-/var/*
+/var
 !/var/labels
 /vendor
 /public/_assets

packages/base/Resources/Public/Scss/components/_contentElements.scss

@@ -1,19 +0,0 @@
-.content-element {
-  margin: 2rem auto;
-  padding: 2rem;
-  background-color: #f5f5f5; // default background
-
-  // Apply responsive widths at breakpoints using the respond mixin
-
-  &--blue {
-    background-color: #cceeff;
-  }
-
-  &--gray {
-    background-color: #eeeeee;
-  }
-
-  &--image {
-    background: url('EXT:my_sitepackage/Resources/Public/Images/background-image.jpg') no-repeat center/cover;
-  }
-}

packages/base/Resources/Public/Scss/components/_images.scss

@@ -0,0 +1,9 @@
+a {
+  img {
+    transition: transform 0.3s ease;
+  }
+
+  &:hover img {
+    transform: scale(1.05);
+  }
+}

packages/base/Resources/Public/Scss/main.scss

@@ -4,7 +4,7 @@
 @import 'abstracts/icons';
 @import 'base/base';
 @import 'components/navigation';
-@import 'components/contentElements';
+@import 'components/images';
 @import 'components/news';
 @import 'components/footer';
 @import 'components/buttons';