#multislider { padding-bottom: 3rem; .swiper-pagination { bottom: rem-calc(10); } .swiper-pagination-bullet-active { background-color: #009ee3; /* #5fb345 */ } .swiper-slide { img { width: 100%; height: auto; object-fit: cover; } .teaser-link{ background-color: rgba(0, 158, 227, 1); padding: 1rem; h3, h2 { color: #fff; } a:last-of-type { color: #fff; font-size: 9px; position: absolute; bottom: 0; right: 0; text-shadow: 0 0 2px #222; &:hover { color: #e3e3e3; } } *:last-child { margin-bottom:0; } } .copyright-info { bottom:auto; top:0; } } } @include breakpoint(medium only) { #multislider{ h2{ font-size: rem-calc(26); } //h3{ font-size: rem-calc(); } } } @include breakpoint(medium) { #multislider { .swiper-slide { .teaser-link{ position: absolute; bottom: 0; left: 0; background-color: rgba(0, 158, 227, 0.9); width: calc(100% - 2rem); } } } }