Hi Drew,
It seems like you’re applying the css transition on the container.
You can try this out instead.
.generate-sections-container {
-moz-transition: all .5s;
-webkit-transition: all .8s;
transition: all .8s;
background-position: center center;
background-size: 100%;
}
.generate-sections-container:hover {
-webkit-background-size: 120%;
-moz-background-size: 120%;
-o-background-size: 120%;
background-size: 120%;
}
This will apply to the backgrounds of all sections. If you want it to apply on a specific section only, just add its ID selector before .generate-sections-container
class selector.
Let us know if it works for you.