Adjusting / Aligning extra div

Dear Enfold support team,
thanks for your time and support, the more I work with the theme the more I appreciate it… I have a pretty specific question, but I feel like I am just missing something, and the answer should be obvious (to someone who is more familiar with php then I am):
as described here , I have added an extra image “floating on top” of the slider / image area – with your support. Works great, BUT I would love to right-align the image with the menu above, even when resizing the browser window.

This is my addition to my child theme’s functions.php :

add_filter('avf_title_args', 'avf_add_bottom_container', 10, 2);
function avf_add_bottom_container($args,$id) {
	if(is_single) {
		$args['html'] = "<div class='{class} title_container'><div class='container'><{heading} class='main-title entry-title'>{title}</{heading}>{additions}</div></div><div class='below-title-container container_wrap'><div class='container'></div></div>";
	} 
	return $args;
}

and this is my additional css:

div.below-title-container.container_wrap div.container {
width: 204px;
background: url('//private-aircraft-sales.airgo.de/wp-content/uploads/2017/05/airgo_logo-weiss-1.png');
    background-color: transparent;
    background-image: url("//private-aircraft-sales.airgo.de/wp-content/uploads/2017/05/airgo_logo-weiss-1.png");
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-clip: border-box;
    background-origin: padding-box;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: 70%;
height: 50px;
}

div.below-title-container.container_wrap {
position: absolute;
border-top-width: 0px;
top: 270px; 
    right:  15px;
    z-index: 10000;
}

and I guess the new div needs to be nested inside another div (with a width of 100% ?) be aligned to the elements in the header, but all my attempts lead to unexpected and messy results…
Do you have a better idea?
Thank you!!!