How to create manual vertical scrolling for very tall/skinny images?

Site URL: https://www.cassiebarden.com/mountain-mikes-website

I'm working on a portfolio site which includes a lot of mobile designs that are really tall and skinny. This is a big design challenge. I just saw something on another site (https://austinknight.com/work/petbrosia) that would be a perfect solution. Is there any way to achieve this in Squarespace? 

EDIT: solved it. Found the unique image id using the Squarespace chrome extension, and used the following code:  

#block-yui_3_17_2_1_1620689263094_32313 {
  width: 300px;
  height: 600px;
  overflow-y:scroll
}

21 minutes ago, KaijuCorgi said:

Site URL: https://www.cassiebarden.com/mountain-mikes-website

I'm working on a portfolio site which includes a lot of mobile designs that are really tall and skinny. This is a big design challenge. I just saw something on another site (https://austinknight.com/work/petbrosia) that would be a perfect solution. Is there any way to achieve this in Squarespace? 

Could you show the long images that bother you

Something like this. 

It looks like this is what I'd do with standard HTML/css (from w3schools):

#myDIV {
  width:150px;
  height:200px;
  overflow-y:scroll;
}

My guess is that if I can find the specific id for the image, I can add this to my custom css and it will "contain" it and add a vertical scrollbar? 

On 5/11/2021 at 6:27 AM, KaijuCorgi said:

It looks like this is what I'd do with standard HTML/css (from w3schools):

#myDIV {
  width:150px;
  height:200px;
  overflow-y:scroll;
}

My guess is that if I can find the specific id for the image, I can add this to my custom css and it will "contain" it and add a vertical scrollbar? 

Have you solved it yet? Also, do you want to fix this?

Site URL: https://www.cassiebarden.com/

1. (Tablet-Overlay) Add a space between 2 lines?