[RbnJrg]

Originally Posted by odedta

It looks good on iPad and Android, however, when I upload to KDP, the bird looks like a small dot. (Screenshot_3.jpg).

Any idea how to get this to work?

You need to set a "width" and "height" for the bird, specially if you are going to use a pseudo-element (in this case, ::before). Kindle (.kf8/.KFX formats, is ok Hitch? ) supports pseudo-element, so you can use it (if you wish).

In that case, you'll need to use something like:

.bird::before {
     display: block;
     content: url("../Images/bird.png");
     position: relative;
     width: your_width_here; 
     height: your_height_here;
     top: ?;  /* try to locate the best top */
     left: ?; /* idem above */
}

Regards
Rubén