diff --git a/views/DE/project/projectList.pug b/views/DE/project/projectList.pug index 40767431edee34ae70aa55a987430983e456bf09..834b13644985d628611449e877e4b6d59c2dded6 100644 --- a/views/DE/project/projectList.pug +++ b/views/DE/project/projectList.pug @@ -11,6 +11,8 @@ html(lang="de") .title-container { position: relative; color: white; + height: 60%; + overflow: hidden; } .card-title-bottom-left { position: absolute; @@ -23,8 +25,19 @@ html(lang="de") padding: 5px } .card-img-top { - height: 15vw; - object-fit: cover; + height: 100%; + position: absolute; + top: 0; + left: 0; + right: 0; + margin-left: 0; + margin-right: 0; + } + .card-img-bg { + background-size: cover; + filter: blur(30px); + width: 100%; + height: 100%; } body div(class="container") @@ -52,6 +65,7 @@ html(lang="de") div(class="card-deck py-4 col-sm") div(class="card width_18" style="transform: rotate(0);") div(class="title-container") + div(class="card-img-bg" style=`background-image: url(${item.logo});`) h5(class="card-title-bottom-left") #{item.name} img(class="card-img-top", src=item.logo) div(class="card-body")