Wellllll...that's a right mess! InDesign is definitely NOT known for concise css...
There are a couple classes in your example that you haven't shown us the css for:
_idGenObjectStyleOverride-1
CharOverride-4
Code:
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:epub="http://www.idpf.org/2007/ops">
<head>
<title>The_Me_I_Didn't_See_-_FoundHer_Series_V1_copy-2</title>
<link href="css/idGeneratedStyles.css" rel="stylesheet" type="text/css" />
</head>
<body id="The_Me_I_Didn-t_See_-_FoundHer_Series_V1_copy-2" lang="en-GB" xml:lang="en-GB">
<div class="_idGenObjectStyleOverride-1">
<p class="Dedication">For all the women who looked in the mirror one day </p>
<p class="ParaOverride-2"><span class="CharOverride-4">and didn’t recognize the woman looking back... </span></p>
<p class="ParaOverride-2"><span class="CharOverride-4">We see you.</span></p>
</div>
</body>
</html>
Without those other classes, I couldn't
guarantee the exact same styling. However, InDesign IS known for repetitive, unnecessary, css... so we would be pretty safe to use the following:
Code:
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:epub="http://www.idpf.org/2007/ops">
<head>
<title>The_Me_I_Didn't_See_-_FoundHer_Series_V1_copy-2</title>
<style>
* {text-indent:0 !important; margin:0 !important; padding:0 !important}
.ded {font-family:"EB Garamond", serif; font-style:italic;
font-size:1em; text-align:center}
div.v-ctr {height:100%; width:100%; display:table; position:fixed}
div.v-ctr div {display:table-cell; vertical-align:middle}
</style>
</head>
<body id="The_Me_I_Didn-t_See_-_FoundHer_Series_V1_copy-2">
<div class="v-ctr">
<div>
<p class="ded">For all the women who looked in the mirror one day<br/>
and didn’t recognize the woman looking back...<br/>
We see you.</p>
</div>
</div>
</body>
</html>
NOTE: I removed the link to the stylesheet to keep things from getting too confusing. It is not needed on these vertically centered pages as all the required css is included between the <style> tags in the header.
If the last 2 lines in the dedication are different styling, as described by
CharOverride-4, then you could put a <span> around those two lines like this:
Code:
<p class="ded">For all the women who looked in the mirror one day<br/>
<span class="CharOverride-4">and didn’t recognize the woman looking back...<br/>
We see you.</span></p>
Although I would definitely want to give it a better descriptive name for the class instead of "CharOverride-4";
maybe
<span class="ded2"> 
Of course, you would need to add the span class to the <style> section in the header.
Code:
<style>
* {text-indent:0 !important; margin:0 !important; padding:0 !important}
.ded {font-family:"EB Garamond", serif; font-style:italic;
font-size:1em; text-align:center}
.ded2 {whatever styling differences from CharOverride-4, if any}
div.v-ctr {height:100%; width:100%; display:table; position:fixed}
div.v-ctr div {display:table-cell; vertical-align:middle}
</style>