@import "..components/variable.css";

.recommend-image{
    grid-column: 3/-1;
    grid-row: 2/4;
    background-image: url("https://external-content.duckduckgo.com/iu/?u=http%3A%2F%2Fkids-collective.com%2Fwp-content%2Fuploads%2F2016%2F03%2FIMG_5043.jpg&f=1&nofb=1");
    background-size: contain;
    background-repeat: no-repeat;
}
.recommend-info{
    grid-column: -3/-1;
    grid-row: 4/-1;
    padding: 50px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.recommend-info span{
    color: var(--title-color);
    padding-bottom: 10px;
}
.recommend-info span:first-child{
    font-size: 30px;
    font-weight: 600;
    padding-bottom: 30px;
}