/* ================================================== */
/* HERO */
/* ================================================== */

.hero {
    background-image: url('/assets/images/desktop/mockups.webp');
    background-position: center;
    background-size: cover;
    padding-top: 149px;
}

/* ================================================== */
/* MOCKUPS */
/* ================================================== */

.mockups .mockup .image-content { overflow: hidden; }
.mockups .mockup .img { transition: transform 0.4s ease-out; }

.mockups .mockup .image-content,
.mockups .mockup .img { border-radius: 16px 16px 0 0; }

.mockups .mockup:hover .img { transform: scale(1.05); }

.mockups .mockup .text-content { border-radius: 0 0 16px 16px; }