Header image is huge, I made some changes based on other replies, doesn’t work.

I reviewed this thread first [Home page menu not visible with Safari on iPad] and collectively thought I found the answer. However still the issue exists. thank you in advance. Dave

Folks, I was wondering if someone could help me out with this same issue. I don’t know if its from inputting the css incorrectly from your posts or not? I don’t mind on my other pages that my header image isn’t fully displayed, unless there is a way to make that happen as well.

My main concern is my image on my main page. I just can’t get it to display within the browser nicely. I’d imagine its a parameter somewhere, as I spent hours changing my image to fit, and I realize I am completely off and need to make the change from the coding side.

Since this was posted as resolved, I didn’t know if I needed to open a new post or not for the same issue. thank you very much Dave

http://hgraceconfections.com is my site and here is my child theme style.css

here is my child style.css
/*
Theme Name: Twenty Seventeen Child Theme
Theme URI: https://hgraceconfections.com
Author: Dave Romesburg
Author URI: https://hgraceconfections.com
Template: twentyseventeen
Description: Child theme for Twenty Seventeen.
Version: 0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:
Text Domain: twentyseventeen-child
*/
@media screen and (min-width: 48em) {
.twentyseventeen-front-page.has-header-image .custom-header-media,
.twentyseventeen-front-page.has-header-video .custom-header-media,
.home.blog.has-header-image .custom-header-media,
.home.blog.has-header-video .custom-header-media {
height: 1000px;
height: 80vh;
}
}
function childtheme_custom_header_setup() {
add_theme_support( ‘custom-header’, apply_filters( ‘simpleseventeen_header_args’, array(
‘height’ => 237,
) ) );
}
add_action( ‘after_setup_theme’, ‘childtheme_custom_header_setup’ );