div.tlc_img{
    height: 0;
    padding-bottom: 50%;
    position: relative;
    overflow: hidden;
    max-width: 100%;
    height: auto;
}

div.graphic{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    /* min-height: 15vh; */
    border-radius: 10px 30px 10px 30px;
    background-size: cover;
}

div.graphic.gdb{
    background-image: url('all_generations/gdb.png');
}
div.graphic.gdb_busan{
    background-image: url('all_generations/jgdb_busan.png');
}
div.graphic.jdb{
    background-image: url('all_generations/middleschool.jpg');
    background-position: 00% 40%;
}
div.graphic.snb{
    background-image: url('all_generations/snb.11.11.png');
    background-position: 70% 40%;
    background-size: 105%;
}
div.graphic.cdb{
    background-image: url('all_generations/cdb4.png');
    /* background-position: 50% 40%; */

    background-position: 50% 50%;
    background-size: cover;
}
div.graphic.ynb{
    background-image: url('all_generations/ynb.png');
    background-position: 50% 60%;
}
div.graphic.ycb{
    background-image: url('all_generations/ycb.23.03.10.png');
}
div.graphic.cdb_busan{
    background-image: url('all_generations/cdb_busan.jpg');
}
div.graphic.ycb_busan{
    background-image: url('all_generations/ycb_busan.png');
}
div.graphic.yab{
    background-image: url('all_generations/yab.jpg');
    background-position: 50% 70%;
}
div.graphic.toddler{
    background-image: url('all_generations/toddler2.jpg');
}

.tlc_img{
    border-radius: 10px 30px 10px 30px;
}
.tlc_img picture{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
br.only_mobile {
    display: none;
}
@media screen and (max-width: 767.98px) {
    br.only_mobile {
        display: block;
    }
}