.product-container {
    width: 63%;
    height: 100%;
    margin: 3% auto 10%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 3%;
    grid-row-gap: 3%;
    background-color: #0f1d34;
}

.product-card {
    margin: 3%;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #172d48;
}

.product-card img {
    width: 100%;
    overflow: hidden;
    transition: transform 0.5s;
}

.product-name {
    color: white;
    font-size: 1.6em;
    margin-top: 7%;
    margin-left: 3%;
}

.product-link {
    text-decoration: none;
}

.product-link:hover img {
    transform: scale(1.13);
    transition: transform 0.7s;
}

.product-link:hover h3 {
    color: #00ffd9;
}

.product-teaser {
    color: white;
    margin: 3%;
    font-size: 1.3em;
}