Second virtual host pointing to first virtual host

Hi, I know this has been asked many times before, but I couldn’t find any advice that fixes my issue.

I have a single droplet with two virtual hosts - 1. bytesizedgames.net 2. ryanmaskell.co.uk. Both are Wordpress installs, each in their own folder, /var/www/bytesiedgames.net/public_html and /var/www/ryanmaskell.co.uk/public_html.

Each has an apache config in /etc/apache2/sites-available and I’ve activated both using a2ensite and reloading/restarting apache. They look like this:

bytesizedgames.net.conf:

<VirtualHost *:80>

ServerAdmin admin@bytesizedgames.net
ServerName bytesizedgames.net
ServerAlias www.bytesizedgames.net
DocumentRoot /var/www/bytesizedgames.net/public_html

ErrorLog /var/www/bytesizedgames.net/logs/error.log
CustomLog /var/www/bytesizedgames.net/logs/access.log combined

<Directory />

Options FollowSymLinks
AllowOverride None

</Directory>

<Directory /var/www/bytesizedgames.net/public_html>

Options -Indexes +FollowSymLinks +MultiViews
AllowOverride All
Require all granted
Allow from all

</Directory>

</VirtualHost>

ryanmaskell.co.uk.conf:

<VirtualHost *:80>

ServerAdmin admin@ryanmaskell.co.uk
ServerName ryanmaskell.co.uk
ServerAlias www.ryanmaskell.co.uk
DocumentRoot /var/www/ryanmaskell.co.uk/public_html

ErrorLog /var/www/ryanmaskell.co.uk/logs/error.log
CustomLog /var/www/ryanmaskell.co.uk/logs/access.log combined

<Directory />

Options FollowSymLinks
AllowOverride None

</Directory>

<Directory /var/www/ryanmaskell.co.uk/public_html>

Options -Indexes +FollowSymLinks +MultiViews
AllowOverride All
Require all granted
Allow from all

</Directory>

</VirtualHost>

I have the A-records set up on Cloudflare both pointing to the server IP. Can’t for the life of me figure out why it’s not working so any help would be appreciated.