On the Placeholder Title, now, it has full width. There is also a calculation that makes the width be relative to the spacing that is given to the content(floating content). In this case, if the content as a space(padding) of 24px. The placeholder title will have a width of 100% minus that spacing. This way everything will be symmetrical

New updates:

• ExtendedClass on the component;
• The ability to choose the max height of the hidden content;
• The ability to choose the brightness of the background image;

In this new version, it is possible to add space to the hidden content. Where Users can choose whatever space has the content.

Also, now the height is relative to the content inside, so a Javascript on Hover will take the height and add it to the top property to make it appear on mouseover. If the height of the hidden/floating content is bigger than half of the parent container, the top property will take half of the parent container's height.