Add images to checklist

index.html

@@ -83,7 +83,7 @@
 			</div>
 			<div class="checklist">
 				<div class="card" data-tilt>
-					<img src="static/img/pedf-logo-white.svg" alt="">
+					<img src="/static/img/checklist-1.jpg" alt="Checklist 1">
 					<div class="title">
 						Náhradní rodinná péče
 					</div>
@@ -98,7 +98,7 @@
 					</a>
 				</div>
 				<div class="card" data-tilt>
-					<img src="static/img/pedf-logo-white.svg" alt="">
+					<img src="/static/img/checklist-2.jpg" alt="Checklist 2">
 					<div class="title">
 						Život ohrožující situace
 					</div>
@@ -113,7 +113,7 @@
 					</a>
 				</div>
 				<div class="card" data-tilt>
-					<img src="static/img/pedf-logo-white.svg" alt="">
+					<img src="/static/img/checklist-3.jpg" alt="Checklist 3">
 					<div class="title">
 						Alarmující chování
 					</div>

sass/style.scss

@@ -331,14 +331,15 @@ body.noscroll {
 		flex-shrink: 0;
 		width: 15em;
 		border: .15em solid $col-accent;
-		border-radius: 1em;
+		border-radius: 1.5rem;
-		padding: 2em;
+		padding: 1.5em;
 		background-color: $col-bg;
 		text-align: left;
 		user-select: none;
 
 		img {
 			width: 100%;
+			border-radius: 1rem;
 		}
 
 		&>.title {