Trouble controlling the position and height of image in the Card block (image with text)

[andeng1106]

Describe the bug Note: This issue is from the affiliate who encountered bugs when testing out Stackable

• Reference: https://www.notion.so/Trouble-controlling-the-position-and-height-of-image-in-the-Card-block-image-with-text-cf53f5e3ff9544ea99e37caf3ac6c31b

I needed the image to be on the top left of the card on desktop. In the editor, I couldn't find an option for this. Stackable generates this CSS for the image: "height: auto !important;". I had to change it to "height: 100% !important;" for the desired result. On mobile, I also met an issue with the image height.

The final CSS is:

.stk-block-card .stk-container figure.stk-block-card__image {

height: 100%!important;

}

@media screen and (max-width: 767px) {

.stk-block-card .stk-container figure.stk-block-card__image {

height: 48px!important;

}

}

See screenshot below:

https://github.com/gambitph/Stackable/assets/103395655/971e3dca-6f80-4e77-b11e-ae61bc71b2be