Empty Area when set Stok images on my shop

Hi, After I have used  a fantastic CSS code Injection to let thumbneils show in VERTICAL ratio by using the TAG portrait I'm having a issue for stock image setting in my shop, the issue come just for vertical images I guess is due the the code which is not well done.... any ideas?
This is where I ot the CSS

https://sf.digital/squarespace-solutions/how-to-show-product-images-in-their-original-aspect-ratio-on-squarespace-71

Please refere to my screen and link

Thank you

Clare
My shop
https://www.clarestokolosa.com/shop/p/reading-a-book-on-the-way-to-work

7 hours ago, ClareStock2023 said:

After I have used  a fantastic CSS code Injection to let thumbnails show in VERTICAL ratio by using the TAG portrait I'm having a issue for stock image setting in my shop, the issue come just for vertical images I guess is due the the code which is not well done.... any ideas?

Hi @ClareStock2023.

I wrote the guide and the CSS that you're using. You don't need the last four lines of the CSS due to the PDP setting you are using. If you remove those, it should fix the issue. Direct message me if you experience any issues.

Did this help? Please give feedback by clicking an icon below  ⬇️

Hi Paul and thanks for your kind replay! Do you mean I need to remove this part?
/* Show portrait images on PDP when tagged as portrait */
.ProductItem.hentry.tag-portrait .ProductItem-gallery-slides:before {
  padding-bottom: 150%!important;
}

Will the tag Portrait sitll be needed? 

Ca you send your Guide link please?

Thank you to reaching out

Clare

In answer to your questions @ClareStock2023:

Yes, remove the section that you quoted above.

The tag is still needed for the Product List (or "Store") page.

My guide is the one that you linked in your question.

If you have any other questions, please let me know.