Zoom In on Image Hover (Portfolio Grid)

Hey everyone!

I've been trying to apply the attached code (using the .grid-item class) to an image/link that's inside of a Portfolio Grid for the past hour.  😑 

Is this possible?

.gallery-grid-item 
img:hover
{height:100%!important; 
  width:100%!important; 
  transform:Scale(1.2); 
  overflow:hidden!important; 
  transition-duration:1s} 
.gallery-grid-item 
{overflow:hidden!important}

59 minutes ago, Krys23 said:

Hey everyone!

I've been trying to apply the attached code (using the .grid-item class) to an image/link that's inside of a Portfolio Grid for the past hour.  😑 

Is this possible?

 

.gallery-grid-item 
img:hover
{height:100%!important; 
  width:100%!important; 
  transform:Scale(1.2); 
  overflow:hidden!important; 
  transition-duration:1s} 
.gallery-grid-item 
{overflow:hidden!important}

 

Can you share your url with protected password? 

2 hours ago, bangank36 said:

Can you share your url with protected password? 

https://ellipsoid-sheep-a8d9.squarespace.com/

password: website1

thank you!

4 hours ago, Krys23 said:

https://ellipsoid-sheep-a8d9.squarespace.com/

password: website1

thank you!

Try in Design > Custom Css

section[data-section-id="6153b69fd17b870f6ac9ffed"] {
	.grid-item {
		.grid-image-inner-wrapper {
			img {
				transition: transform 1s;
			}
		}
		&:hover {
			.grid-image-inner-wrapper {
				img {
					transform: scale(1.5);
				}
			}
		}
	}
}

6 hours ago, bangank36 said:

Try in Design > Custom Css

section[data-section-id="6153b69fd17b870f6ac9ffed"] {
	.grid-item {
		.grid-image-inner-wrapper {
			img {
				transition: transform 1s;
			}
		}
		&:hover {
			.grid-image-inner-wrapper {
				img {
					transform: scale(1.5);
				}
			}
		}
	}
}

 

Works perfectly, thank you so much.