<style>
    .m-t-60 {
        margin-top: 60px;
    }

    .p-r-10 {
        padding-right: 10px;
    }

    .child1,
    .child2,
    .child3,
    .child4 {
        position: relative;
    }

    .child1::after {
        position: absolute;
        bottom: 0;
        right: -10px;
        content: "1";
        font-size: 0.75rem;
    }

    .child2::after {
        position: absolute;
        bottom: 0;
        right: -10px;
        content: "2";
        font-size: 0.75rem;
    }

    .child3::after {
        position: absolute;
        bottom: 0;
        right: -10px;
        content: "3";
        font-size: 0.75rem;
    }

 .child4::after {
        position: absolute;
        bottom: 0;
        right: -10px;
        content: "4";
        font-size: 0.75rem;
    }

    @media only screen and (max-width: 767px) {
        .child1::after,
        .child2::after,
        .child3::after,
        .child4::after {
            right: 0; 
        }
    }

</style>