.container {
    margin-top: 85px;
}

.container img {
    display: block;
    margin: auto;
    max-width: 240px;
    max-height: 311px;
}

.container img:hover {
    box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24),
        0 17px 50px 0 rgba(0, 0, 0, 0.19);
    cursor: pointer;
}

.interactive-p {
    font-size: 80%;
}

@media screen and (max-width: 1199px) {
    .container img {
        width: 95%;
        height: 90%;
    }
    .interactive-p {
        font-size: 75%;
    }
}

@media screen and (max-width: 575px) {
    .interactive-p {
        text-align: center;
    }
}