.hypersas_product_collection {
    width: 360px;
    height: 980px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    justify-self: center;
}

.hypersas_product-hero_section {
    width: 318px;
    height: 102px;
    display: flex;
    justify-content: center;
    align-items: center;
    justify-self: center;
}

    .hypersas_product-hero_section p {
        font-family: var(--font-family1);
        font-size: 1.563rem;
        font-weight: 500;
        line-height: 34.05px;
        text-align: center;
    }

        .hypersas_product-hero_section p span:first-child {
            font-family: var(--font-family1);
            font-size: 1.563rem;
            font-weight: 900;
            line-height: 34.05px;
            text-align: center;
        }

        .hypersas_product-hero_section p span:nth-child(2) {
            font-family: var(--font-family1);
            font-size: 1.563rem;
            font-weight: 500;
            line-height: 34.05px;
            color: var(--caveat-color);
        }

.product_img_container {
    height: 800px;
    width: 360px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    position: relative;
    margin-left: 30px;
}

    .product_img_container picture {
        margin-left: 15px;
    }

#rooty_hill_img {
    transform: rotate(4deg);
    position: relative;
    z-index: 1;
}

#plumnet_img {
    position: relative;
    transform: rotate(4deg);
    margin-left: -120px;
    z-index: 2;
}

#cottoncandy_img {
    transform: rotate(4deg);
    position: relative;
    z-index: 1;
}

#hypersascom_img {
    position: relative;
    transform: rotate(4deg);
    margin-left: -120px;
    z-index: 2;
}

#hubot_img {
    transform: rotate(4deg);
    position: relative;
    z-index: 1;
}

#hypersasau_img {
    position: relative;
    transform: rotate(4deg);
    margin-left: -120px;
    z-index: 2;
}

    #hypersasau_img:hover,
    #hypersascom_img:hover,
    #plumnet_img:hover,
    #hubot_img:hover,
    #cottoncandy_img:hover,
    #rooty_hill_img:hover {
        z-index: 7;
        transform: rotate(0deg);
    }

@media (min-width: 576px) {
    .hypersas_product_collection {
        width: 576px;
        height: 1000px;
    }

    .hypersas_product-hero_section {
        width: 350px;
        height: 123px;
    }

        .hypersas_product-hero_section p {
            font-size: 1.875rem;
            line-height: 40.86px;
        }

            .hypersas_product-hero_section p span:first-child,
            .hypersas_product-hero_section p span:nth-child(2) {
                font-size: 1.875rem;
                line-height: 40.86px;
            }

    .product_img_container {
        margin-left: 10px;
        margin-bottom: 40px;
    }

    #plumnet_img {
        margin-left: -90px;
    }

    #hypersascom_img {
        margin-left: -90px;
    }

    #hypersasau_img {
        margin-left: -90px;
    }
}

@media (min-width: 992px) {
    .hypersas_product_collection {
        width: 992px;
        height: 1100px;
        margin-bottom:200px;
    }

    .hypersas_product-hero_section {
        width: 992px;
        height: 164px;
    }

        .hypersas_product-hero_section p {
            font-size: 3.75rem;
            line-height: 81.72px;
        }

            .hypersas_product-hero_section p span:first-child {
                font-size: 3.75rem;
                line-height: 81.72px;
            }

            .hypersas_product-hero_section p span:nth-child(2) {
                font-size: 3.75rem;
                line-height: 81.72px;
            }

    .product_img_container {
        width: 992px;
        grid-template-columns: repeat(3, 1fr);
        margin-left: 15px;
        margin-bottom: 60px;
        row-gap: 100px;
    }

    .image_items {
        width: 400px;
        height: 430px;
    }

    #cottoncandy_img {
        margin-left: -175px;
        z-index: 4;
    }

    #hypersascom_img {
        margin-left: 0;
    }

    #hubot_img {
        margin-left: -120px;
        z-index: 4;
    }

    #hypersasau_img {
        z-index: 5;
        margin-left: -200px;
    }
}

@media (min-width: 1200px) {
    .hypersas_product_collection {
        width: 1200px;
        height: 1300px;
    }

    .product_img_container {
        width: 1100px;
        margin-bottom: 130px;
    }
}

@media (min-width: 2000px) {
    .hypersas_product_collection {
        width: 2000px;
        height: 1300px;
    }

    .hypersas_product-hero_section {
        width: 1628px;
        height: 272px;
    }

        .hypersas_product-hero_section p {
            font-size: 6.25rem;
            line-height: 136.2px;
        }

            .hypersas_product-hero_section p span:first-child {
                font-size: 6.25rem;
                line-height: 136.2px;
            }

            .hypersas_product-hero_section p span:nth-child(2) {
                font-size: 6.25rem;
                line-height: 136.2px;
            }

    .product_img_container {
        width: 1200px;
    }

    #plumnet_img {
        margin-left: 0;
    }

    #cottoncandy_img {
        margin-left: 0;
    }

    #hubot_img {
        margin-left: 0;
    }

    #hypersasau_img {
        margin-left: 0;
    }
}