.elements {
    position: relative;
    width: 100vw;
    display: flex;
    flex-wrap: wrap;
    background-color: var(--background-tertiary);
    direction: rtl;
}

.elements .desc {
    position: relative;
    width: 100vw;
    text-align: center;
    padding: 50px 10px;
}

h2,
h3,
h4,
h5 {
    text-align: right;
    padding: 10px;
}

.elements .element {
    width: 100vw;



}


.elements .element img {
    height: 60vh;
    width: 100%;
}

.elements .element .content {
    height: 60vh;
    padding: 15px;
    background-color: var(--action-primary);
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.elements .element .content li {
    list-style-type: none;
}

.elements .element .center {
    background-color: var(--background-primary);
    color: var(--white);
}

.elements .element .center li {
    list-style-type: none;
}

@media (min-width: 1024px) {
    .elements .element {
        width: calc(100vw / 3);
    }

    .elements .element .content {
        padding: 40px;
        width: calc(100vw / 3);
    }
}