Страница состоит из section элементов, которые идут друг за другом. В конце некоторых section повторяется элемент (ромб), как лучше всего отобразить его. Хотел с помощью css-свойств after сделать (вроде: section:: after в нем либо transform rotate или этот ромб в виде png на bg), но данный способ не сработал.
Как считаете как лучше сделать этот повторяющий элемент??
Буду благодарен за пример.
Изображение части веб-страницы ниже.
Пример последнего кода, на width-height не реагирует, content: ""; - превращает элемент в размеры 0-0. Код:
.about-us {
padding-top: 80px;
padding-bottom: 54px;
background-image: url(../src/img/bg_about-us.png);
background-repeat: no-repeat;
background-position: center;
position: relative;
&::after {
content: "77";
background-image: url(../src/img/section_bottom-btn.png);
// position: absolute;
width: 75px;
height: 75px;
// right: 0;
// bottom: 0;
transform: rotate(45deg);
z-index: 0;
}