@media only screen and (max-width: 1025px) {
    content card[card-style="bubbles"] {
        height: 365vw;
        position: relative;
    }

    content card[card-style="bubbles"] cardcontent carditem:nth-child(1) {
        height: 70vw;
        width: 70vw;
        top: 10px;
        left: 2vw;
    }

    content card[card-style="bubbles"] cardcontent carditem:nth-child(1) div:hover {
        bottom: 0px;
        left: calc(-2vw - 4% - 15px);
    }

    content card[card-style="bubbles"] cardcontent carditem:nth-child(2) {
        height: 50vw;
        width: 50vw;
        top: 68vw;
        left: 40vw;
    }

    content card[card-style="bubbles"] cardcontent carditem:nth-child(2) div:hover {
        bottom: 0px;
        left: calc(-40vw - 4% - 15px);
    }

    content card[card-style="bubbles"] cardcontent carditem:nth-child(3) {
        height: 60vw;
        width: 60vw;
        top: 110vw;
        left: 0vw;
    }

    content card[card-style="bubbles"] cardcontent carditem:nth-child(3) div:hover {
        bottom: 0px;
        left: calc(-0vw - 4% - 15px);
    }

    content card[card-style="bubbles"] cardcontent carditem:nth-child(4) {
        height: 65vw;
        width: 65vw;
        top: 167vw;
        left: 25vw;
    }

    content card[card-style="bubbles"] cardcontent carditem:nth-child(4) div:hover {
        bottom: 0px;
        left: calc(-25vw - 4% - 15px);
    }

    content card[card-style="bubbles"] cardcontent carditem:nth-child(5) {
        height: 55vw;
        width: 55vw;
        top: 230vw;
        left: 0vw;
    }

    content card[card-style="bubbles"] cardcontent carditem:nth-child(5) div:hover {
        bottom: 0px;
        left: calc(0vw - 4% - 15px);
    }

    content card[card-style="bubbles"] cardcontent carditem:nth-child(6) {
        height: 60vw;
        width: 60vw;
        top: 280vw;
        left: 30vw;
    }

    content card[card-style="bubbles"] cardcontent carditem:nth-child(6) div:hover {
        bottom: 0px;
        left: calc(-30vw - 4% - 15px);
    }

    content card[card-style="bubbles"] cardcontent carditem div {
        padding: 5px;
        display: flex;
        flex-flow: column;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: center;
    }

    content card[card-style="bubbles"] cardcontent carditem div:hover {
        position: absolute;
        width: 100vw;
        opacity: 1;
    }
}