@media print {
    .img-clone {
        counter-reset: order; 
        display: flex;
      
        -webkit-justify-content: space-around;
        justify-content: space-around;
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-align-items: stretch;
        align-items: stretch;
    }
    .img-clone .img-interativa-hint {
        flex: 1 100%; 
    }
    .img-clone .img-interativa-hint  div {
        padding: 1.5em 1em;
        border: thin solid rgba(0,0,0,.1);
        margin: 1em 0;
        width: 100%;
        display: inline-block; /* Precisa ser inline-block pra funcionar o controle do page-break */
        page-break-before: always; /* Controla uma forma de quebrar a página caso a div fique entre páginas */
        page-break-after: always;
        text-align: left;
    }
    .img-clone .img-interativa-hint  div .strong {
        color: #000;
        display: inline;
    }
    .img-clone .img-interativa-hint > div:before {
        counter-increment: order; 
        content: counter(order); 
        display: inline-block;
        color: black;
        padding: .5em 1em;
        margin: 0 1em 0 0;
        border-radius: 1.5em;
        background-color: rgba(0,0,0,.1);
        border: thin solid rgba(0,0,0,.2);
    }
}

