.tipContainer {
    margin-left:10px;
    margin-right:10px;
    background-color: var(--stW);
    border-radius:10px;
    padding-bottom:10px;
    transition:0.2s;
    cursor:pointer;
    margin-top:25px;
    padding:10px;
}

.tipContainer:hover {
    opacity:0.75
}

.tipContainer img {
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    width: 100%;
    height: auto;
}

.tipText {
    margin-left:10px;
    margin-right:10px;
}

.tipCutoffText {
    display: -webkit-box;           /* Enables flexbox layout for WebKit */
    -webkit-box-orient: vertical;   /* Sets vertical orientation */
    -webkit-line-clamp: 2;          /* Limits the content to 2 lines */
    overflow: hidden;               /* Hides the overflowing text */
}

#topTipText {
    color:var(--stW);
    text-align:center;
    margin:15px;
}