position: relative;
padding-bottom: 0;
background: $orange;
+ overflow: hidden;
.img {
display: inline-block;
height: 100%;
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;
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) {