CSS File

1.cards__container{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:center;width:calc(100% + 5rem);margin:-2.5rem}

2.cards__card{display:flex;flex-direction:column;max-width:33rem;margin:2.5rem;padding:3rem}

3a.cards__card{text-decoration:none;font-weight:inherit}

4a.cards__card:hover{color:inherit !important}

5.cards__card--1{width:calc(100% - 5rem)}

6.cards__card--2{max-width:none;width:calc(50% - 5rem)}

7.cards__card--3{width:calc(33.33% - 5rem)}

8.cards__card--4{width:calc(25% - 5rem)}

9.cards__card--5{width:calc(20% - 5rem)}

10.cards__img{margin-bottom:1rem}

11.cards__img{object-fit:cover;object-position:center;font-family:"object-fit: cover, object-position: center"}

12.cards__title{padding-bottom:.8em;margin-bottom:.7em;border-bottom-width:2px;border-bottom-style:solid}

13.cards__text{max-width:100%}

14.cards__arrow{text-align:right;font-size:2.7rem;margin-top:auto;line-height:1}

15.cards__button{margin-top:auto}

16@media only screen and (max-width:1024px){.cards__container{width:calc(100% + 5rem);justify-content:space-around}

17.cards__card--1{width:calc(100% - 5rem)}

18.cards__card--2{width:calc(100% - 5rem)}

19.cards__card--3{width:calc(100% - 5rem)}

20.cards__card--4{width:calc(50% - 5rem)}

21.cards__card--5{width:calc(50% - 5rem)}

22}

23@media only screen and (max-width:640px){.cards__card--1,.cards__card--2,.cards__card--3,.cards__card--4,.cards__card--5{width:calc(90% - 5rem);max-width:none}

24}