How to move block of text below the image

[system]

Hi guys I’m wanting to move the title and everything in the product grid below the product image, do you know how I can do that?> > Thank you - https://directcomputers.co.uk/collections/amd-gaming-pcs> >

[oscprofessional]

@Anonymous ,

@media screen and (max-width: 768px){
figure.productitem--image {
    --product-grid-item-image-aspect-ratio: auto !important;
}
.productitem__container {
    display: flex !important;
    grid-template-columns: auto !important;
}
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid