Sorry, found the information when I googled for css styling, so I removed the question before you answered.
But what I hae not fixed yet:
I would like the main image to have a tap_action.
Tap_action for the picture of picture elements card is not supported. So I figured I would simply use my target image in ‘type: image’.
But that leaves me with the issue of defining the (invisible) background image of the picture elements card.
I wanted to use a small “dummy” image to reduce the loading time etc. But I cannot figure out how to scale it to size.
- type: image
- type: state-label
background-color: rgba(0, 0, 0, 0.5)
padding: 0 0
This works, but it loads my alex_half_jpg twice, which is a waste of resources.
If I wanted to change the picture card image to e.g. a 1x1px image, how could I scale it to the size of the ‘type: image’ image?