<div style="display: flex; flex-direction: column;">
    <div class="bg-img">
        <div class="height-50">
        </div>
        <div class="title-content">
            <span class="img-title">{{typeLine}}</span>
            <span class="red-label">Equipos</span>
        </div>
    </div>
    <div class="products">
        <div class="card" *ngFor="let product of products" [routerLink]="['/linea', option, product.name]">
            <div class="card-content" >
                <img [src]="product.img" alt="Avatar">
                <h1><b>{{product.name}}</b></h1>
                <p>{{ product.description | slice:0:204 }}{{ product.description.length > 204 ? '...' : '' }}</p>
                <span class="read-more">Leer más</span>
            </div>

        </div>
    </div>
</div>