Владимир Римидалв

Потому что этот код дважды бессмысленный.
Во-первых, бессмысленно добавлять try-catch, если не включил выброс исключений.
Во-вторых, если выброс исключений включён, то чтобы увидеть ошибку, никакое try-catch не нужно - РНР прекрасно покажет её и так.

Вместо этого сарая из травы и палок надо написать

<?php
$host = '127.0.0.1';
$dbname = 'bdKIZ';
$username = 'root';
$pass = '';
$dsn = "mysql:host=$host;dbname=$dbname;charset=utf8mb4";

ini_set('display_errors', 1);
error_reporting(E_ALL);

$pdo = new PDO($dsn, $username, $pass);
$pdo->setAttribute( PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION );

$sql = "SELECT * FROM `Detail`";
$stmt = pdo->query($sql);
var_dump($stmt->fetchAll(PDO::FETCH_ASSOC));

И после этого выполнить код и ознакомиться с сообщением об ошибке.

Картинки переключаются (это видно, если убрать overflow: hidden у .card-list). Просто они расположены в столбик, который ограничен по высоте, при этом неактивные карточки занимают своё положение в документе даже при opacity: 0. Вероятно, вы где-то пропустили часть логики или стилей, чтобы первая картинка заменялась на активную картинку. Поскольку у карточек в вашем примере размеры одинаковые, достаточно заменить position: relative на position: absolute у .card.