@media (min-width: 330px) {
    .main-image-container {
        position: relative;
        text-align: center;
        color: white;
    }

        .main-image-container h2 {
            position: absolute;
            top: 15%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 100%;
            padding: 0 15px;
        }

        .main-image-container h1 {
            position: absolute;
            bottom: 0%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 100%;
        }
}