NGX-Masonry не работает должным образом в угловой. Изображение кластеризованные и перекрывающиеся ⇐ CSS

[Anonymous]

Я должен создать этот конкретный макет в угловом 9.





< /code>
для компонента ts < /p>

Код: Выделить всё

import { Component, OnInit } from '@angular/core';

@Component({
selector: 'app-inspirations',
templateUrl: './inspirations.component.html',
styleUrls: ['./inspirations.component.css']
})
export class InspirationsComponent implements OnInit {
masonryItems = [
{src: "../../assets/component_7_images/image1.png"},
{src: "../../assets/component_7_images/image2.png"},
{src: "../../assets/component_7_images/image3.png"},
{src: "../../assets/component_7_images/image4.png"},
{src: "../../assets/component_7_images/image5.png"},
{src: "../../assets/component_7_images/image6.png"},
{src: "../../assets/component_7_images/image7.png"}
];

constructor() { }

ngOnInit(): void {
}

}

Результат, который я получаю, is:

Мне нужны картинки в правильном формате масонства. Кто -нибудь может направиться?

Подробнее здесь: https://stackoverflow.com/questions/659 ... and-overla