.header-img img {
    object-fit: cover;
    /* This line tells the browser to scale the image to cover the element's content box, cropping it as necessary. */
    width: 100%;
    /* This line tells the browser to scale the image to the full width of its container. */
    height: 100%;
    /* This line tells the browser to scale the image to the full height of its container. */
}

.header-img {
    width: 100px;
    /* Set to the width you want */
    height: 100px;
    /* Ensure this is the same as the width to get a square */
    overflow: hidden;
    /* This line tells the browser to clip any parts of the image that fall outside the content box of the element. */
    display: inline-block;
}

.video-img img {
    object-fit: cover;
    /* This line tells the browser to scale the image to cover the element's content box, cropping it as necessary. */
    width: 100%;
    /* This line tells the browser to scale the image to the full width of its container. */
    height: 100%;
    /* This line tells the browser to scale the image to the full height of its container. */
    border-radius: 10px;
}