.thumb.main { height: 400px; }
.thumb { position: relative; overflow: hidden; border-radius: 5px; overflow: hidden; }
.thumb .img { width: 100%; height: 100%; object-fit: cover; }
.thumb-title { position: absolute; bottom: 0; right: 0; left: 0; background: rgba(255, 255, 255, 0.6); backdrop-filter: blur(10px); border-radius: 7px 7px 0 0; display: flex; gap: 10px; align-items: center; font-size: 14px; color: #121212; font-weight: 800; padding: 12px; }
.thumb-title img { width: 20px; height: 20px; }
.pack-2 { display: flex; gap: 20px; margin-top: 20px; }
.pack-2-right { display: flex; flex-direction: column; width: 50%; gap: 20px; }
.pack-2-right .thumb { height: 220px; }
.pack-2-right-bottom { display: flex; gap: 20px; }
.pack-2-right-bottom .thumb { flex: 1; }
.pack-2-left { width: 50%; }
.pack-2-left .thumb { height: 460px; }

@media (max-width: 1100px) { 
    .pack-2 { flex-direction: column; }
    .pack-2-right, .pack-2-left { width: 100%; }
}