Bigger mobile (responsive) images on seperate project pages underneath the portfolio page PAZARI

I would like to have the photo a lot bigger on these pages, (like a bit more fullscreen) when I visit these pages on my mobile/ Iphone. 

How can I do that? I put them in pretty big on the page and on the computer it looks cool, but i don't like the responsiveness. The photo should be a lot bigger. And I dont know how to change that in this template. Hope someone can help me out. 

Can you share link to this page?

Yes! www.zandvoortsehelden.com 

You can use this code to Website Tools > Custom CSS

@media screen and (max-width:767px) {
section[data-section-id="66ae22adbb848e5be387e7a2"] {
    .fluid-engine>div {
    grid-area: unset !important;
    display: block !important;
    width: 100% !important;
    margin-bottom: 20px;
}
.fluid-engine {
    display: block !important;
    padding-left: 6vw;
    padding-right: 6vw;
}
.fluid-engine .sqs-block-image .design-layout-fluid * {
    position: relative !important;
    width: 100% !important;
}
.fluid-engine .sqs-block-image .design-layout-fluid .fluid-image-container .content-fill img {
    position: static !important;
    object-fit: cover !important;
}}}

And that doesnt effect how you see it on the computer/laptop screen?

And thank you so much for your help! 

I dont see anything changing. I also have this code here:

@media screen and (max-width:767px) {
div#gridThumbs {
    grid-template-columns: repeat(2,minmax(0,1fr));
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}
}

Do I need to take that away? I really dont know.