add zoom/hover effect

diff --git a/panikweb_esperanzah/static/css/style.scss b/panikweb_esperanzah/static/css/style.scss
index 816207bfdad636a803fadff64a9a1caae5637555..0a6673df70f6763a4958e970ed33a0a92fc3e9f4 100644 (file)
--- a/panikweb_esperanzah/static/css/style.scss
+++ b/panikweb_esperanzah/static/css/style.scss
@@ -230,6 +230,7 @@ a [class*=" icon-"] {
        position: relative;
        padding-bottom: 0;
        background: $orange;
+       overflow: hidden;
        .img {
                display: inline-block;
                height: 100%;
@@ -239,11 +240,14 @@ a [class*=" icon-"] {
                        background: $yellow;
                        width: 100%;
                }
+               &:hover {
+                       transform: scale(110%);
+               }
        }
        &::before {
                content: "";
+               z-index: 100;
                pointer-events: none;
-               content: '';
                position: absolute;
                background-position: center center;
                background-size: 6000px 6000px;
@@ -1523,7 +1527,7 @@ div.emission-tile {
        div.image {
                border: none;
                height: 23vw;
-               width: calc(100% - 20px);
+               width: calc(100% - 16px);
                text-align: center;
                @extend %image-bordure;
                @media screen and (max-width: $size_m) {