Have two div with same class but different data-automation attribute values
Tried to use element and catch first and second nth-of-type
Is it also possible to catch gender info (it's either gender_M or gender_F)
from class: div class="profile_photo_wrapper profile_photo gender_M age_group_A style_circle" ....
<div class="card_row dna_shared_matches_row">
<div class="card_col">
<span class="shared_match_spacing"></span>
<div class="possible_relationships" data-automations="SharedMatchPossibleRelationships">Fetter to generasjoner forskjøvet – tremenning en generasjon forskjøvet</div>
</div>
<div class="card_col">
<div class="shared_match_profile">
<div class="shared_match_profile_content_wrapper">
<div class="shared_match_profile_inner">
<div class="dna_match_side"><span><b data-automations="SharedMatchPer">2,0</b>% (<span data-automations="SharedMatchTotal">144,0</span> cM)</span></div>
<div class="profile_photo_wrapper profile_photo gender_M age_group_A style_circle" style="width: 75px; height: 75px;">
<div class="svg_silhouette svg_silhouette_M_A" style="width: 100%; height: 100%;"></div>
</div>
<div class="other_dna_match_side"><span><b data-automations="SharedMatchOtherPer">5,1</b>% (<span data-automations="SharedMatchOtherTotal">361,0</span> cM)</span></div>
</div>
<a class="shared_profile_name" data-automations="SharedMatchProfileName">Harry Johansen</a>
</div>
</div>
</div>
<div class="card_col">
<span class="shared_match_spacing"></span>
<div class="possible_relationships" data-automations="SharedMatchOtherPossibleRelationships">Fetter en generasjon forskjøvet – tremenning</div>
</div>
<span class="tag_component tag_rounded size_medium go_to_chromosome_browser" data-automations="tag">
<div class="tooltip_wrapper" tabindex="0"><span data-automations="go_to_chromosome_browser_icon" class="go_to_chromosome_browser_icon"></span></div>
</span>
</div>