.image-wrapper .banner 
{
    /* img part that is shown, where top 100% is bottom */
    object-position: right 50% top  90%;
}

.icon
{
    color: rgb(255, 98, 119);
}

[data-detail="solid-border"]
{
    border-bottom: 2px solid rgb(255, 98, 119);
}
[data-detail="dashed-border"]
{
    border-bottom: 2px dashed rgb(255, 98, 119);
}
[data-detail="p-trait"]
{
    background-color: rgba(255, 98, 119, 0.3);
}



/* DESKTOP (laptop) */
@media (min-width: 1024px) 
{
    
.image-wrapper .banner 
{
    /* img part that is shown, where top 100% is bottom */
    object-position: right 50% top 80%;
}

}
