(I) Portfolio hover code

a.grid-item[href*="/vandoeuvres-family-home"] {
    .grid-image-inner-wrapper:before {
    content: "";
    background-image: url(https://static1.squarespace.com/static/68ecf88094c17d56b7e0015c/t/691592e17a29e46aa4c0d329/1763021538107/RUSSEL-3.jpg) !important;
    background-size: cover !important;
    position: absolute !important;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center !important;
    opacity: 0;
    transition: all 0.5s ease;
}
    &:hover img {
        opacity: 0;
         transition: all 0.5s ease;
    }
     &:hover .grid-image-inner-wrapper:before {
        opacity: 1;
          transition: all 0.5s ease;
    }
}
a.grid-item[href*="/geneva-apartment-renovation"] {
    .grid-image-inner-wrapper:before {
    content: "";
    background-image: url(https://static1.squarespace.com/static/68ecf88094c17d56b7e0015c/t/6915de32bf37ad72d67864e3/1763040818846/KEITH-1.jpg) !important;
    background-size: cover !important;
    position: absolute !important;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center !important;
    opacity: 0;
    transition: all 0.5s ease;
}
    &:hover img {
        opacity: 0;
         transition: all 0.5s ease;
    }
     &:hover .grid-image-inner-wrapper:before {
        opacity: 1;
          transition: all 0.5s ease;
    }
}

a.grid-item[href*="/playful-kids-bedroom"] {
    .grid-image-inner-wrapper:before {
    content: "";
    background-image: url(https://static1.squarespace.com/static/68ecf88094c17d56b7e0015c/t/6915de7badbdee2014fcad53/1763040891898/DYLAN-3.jpg) !important;
    background-size: cover !important;
    position: absolute !important;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center !important;
    opacity: 0;
    transition: all 0.5s ease;
}
    &:hover img {
        opacity: 0;
         transition: all 0.5s ease;
    }
     &:hover .grid-image-inner-wrapper:before {
        opacity: 1;
          transition: all 0.5s ease;
    }
}

 

Buy me a coffee